高職高專《網頁設計》課程教學探索與實踐

摘要:隨著網頁在人們生活中的廣泛應用，高職高專院校對網頁教學也更加重視。作者結合馬鞍山師專教學實踐，從教學內容、教學方法、教學考核等方面討論了新形式下如何改進和提高網頁教學質量，真正培養學生的實踐能力。

關鍵詞:網頁設計;網頁教學;能力培養

中圖分類號:G642文獻標識碼:A文章編號:1009-3044(2009)26-7472-02

Teaching Exploration and Practice of the Course \"Web Design\"

YE Gen-mei

(Maanshan Teachers's College， Maanshan 243041， China)

Abstract: With the web page's widely using in people's life， higher vocationa and teacher's colleges pay more attention to web teaching. According to the teaching practice in Ma anshan teacher's college， from aspects such as the content， method and test，the author explored how to improve the quality of web teaching and the practical ability of students.

Key words: web design; web teaching; capacity building

隨著計算機技術的快速發展和應用的普及，網頁技術的發展也隨之迅猛。越來越多的單位或企業通過網站來為自己的文化和服務等做宣傳，發布信息，與之同時，越來越多的用戶習慣并趨向于借助網絡獲取相關信息，以足不出戶就能享受網絡的快捷與方便，而網頁無疑成為發布或獲取信息的主要渠道。同時，隨著我國經濟和教育的發展，以市場人才需求和就業為導向，培養具有綜合素質的、能在生產一線從事生產、服務、管理和技術的應用型、技能型高級人才已成為高職高專教育的一個重要目標。基于網頁的巨大市場和需求，高職高專院校必須進一步加快高職高專院校網頁課程的建設與發展，使得學生切實具備理論和實踐上的能力，同時要求教學的內容和知識的實踐性、應用性以及知識的更新跟上網頁技術的發展和要求。這無疑對網頁的教學提出了更高的要求。

1 分層次分專業教學，突出教學重點

基于網頁技術的巨大需求和市場，目前計算機很多相關專業都開設了網頁制作課程，如我校的計算機多媒體技術專業、軟件專業、網絡專業、計算機教育專業均在不同的階段設置了網頁課程。如何根據學生和專業的特點，結合網頁課程的教學目標進行分層次分專業教學就成為亟待解決的問題。采用“一刀切”的教學方式只會偏離教學目標，學生也不能各取其應用所需。因此，有必要集合網頁教學相關教師，明確各專業學生的基礎及發展需要，了解學生已具備基礎知識及后續課程的需求，分層次分專業制定教學大綱，突出教學重點，擬定教學計劃，并以各專業課程體系和網頁技術的更新發展為導向，不斷調整方案，以適應不同的需求。

對于不同的專業和層次的學生，網頁課程的重點設置有所不同，但對于基礎性知識及網頁制作必需知識在教學中應當給予強調并有所體現。

首先，對于網頁設計而言，學生最基本的要求是能夠運用至少一門網頁制作軟件編輯簡單的頁面，這也是教學的一個基本目標。因此，負責教學的教師應該選擇一門合適的軟件進行教學。目前進行網頁制作的軟件比較多，大多具有“所見即所得”的可視化界面。但是運用得更為普遍的當推Frontpage和Dreamweaver。Dreamweaver是Macromedia公司的產品，軟件的綜合性較Frontpage強，是建立 Web 站點和應用程序的專業工具，擴展性好，功能強大，與Firewords、Flash統稱“網頁三劍客”，能較好地一起完成網頁中的圖像、動畫等元素的處理。目前教學中廣泛使用的 Macromedia Dreamweaver 8。

其次，理解HTML的地位和作用。HTML是超文本標記語言(HyperText Markup Language)的縮寫，是制作網頁的一種標準語言，以代碼的方式來進行網頁設計。由于目前的網頁編輯軟件均能自動生成HTML代碼，且在教學中不提倡直接用HTML代碼來編輯實現網頁，因此不少學生對HTML的學習缺乏重視，認為無關緊要。事實上，HTML是網頁的靈魂，無論什么類型的網頁其本質均是由HTML標記控制和顯示，學習好HTML語言，對于用戶從根本上了解網頁設計和使用Dreamweaver十分有益，掌握了HTML也有助于理解并學習別人網頁的結構和部分內容，學習動態網頁更需要較好的HTML基礎。

再次，重視網站結構的規劃。剛接觸網頁制作的學生往往把重點都放在了具體頁面的實現上，而對網站的規劃敷衍了事。事實上，隨著頁面的增多，網站的規劃顯得尤為重要，雜亂無序的網頁不僅容易出錯，且維護起來也相當的困難，因此，必須從一開始就建立學生網站規劃的意識和習慣，從規范的文件命名做起，做好站點結構的搭建。

另外，理解并掌握CSS的使用。一個精美的網頁離不開CSS的設置和使用。CSS是層疊樣式表(Cascading Style Sheets)的縮寫，是一系列的格式規則。使用CSS可以非常靈活并且更好地控制網頁外觀，它不僅彌補了HTML對標記屬性控制的不足，而且能夠更精確、更細致地布局網頁，如行間距、字間距、段落縮進、段間距和圖片定位等屬性，再者，利用CSS可以極大地提高網頁設計和運行的效率，一個CSS樣式，可以同時應用于多個網頁，既減少了代碼的長度，減輕下載負擔，又提高了瀏覽器的瀏覽速度和網頁的更新速度。

2 以能力培養為導向，靈活應用多種教學方法

2.1 課堂教學

根據計算機課程的實際要求，網頁制作課程的教學一般在多媒體教室進行，通過投影儀使得教師的講解內容和操作過程同步顯示在屏幕上，從而使得上課的內容更加直觀形象，加深學生的理解。同時，根據教學內容的需要，合理安排學生上機，以上機操作鞏固學生對知識的理解和運用，從而形成自己的知識體系。多媒體網絡教學環境，充分發揮了教師在教學中的主導作用和學生在學習過程中的主體作用，但是，為了達到大容量、高效率的教學效果，培養學生網頁制作的實際能力，教師必須探索研究更好的教學方法。傳統的教師傳遞、學生接受的教學模式和復習舊課—講授新課—作業布置的教學過程已不能很好地發揮學生的主體作用，且使學生的學習陷入很大的盲目和被動的境地。為了切實提高教學效果，順應市場經濟下對培養高質量的技能型人才的需求，經過教學工作者的不斷摸索和實踐，形成了兩種主要的課堂教學方法，即任務驅動教學法和案例驅動教學法。

任務驅動法，是一種問題推進式的教學方法，即教師將教學內容巧妙地設計在一個個“任務”中，學生根據教師提出的“任務”，在自己的思考或教師的引導下提出解決“任務”的思路和方法，然后進行具體操作，循序漸進地解決問題，從中學習并運用新概念、新知識。其流程為:呈現任務—明確任務—解決任務—任務評價。在這種教學方法下，教師的角色由“主角”轉換成了“配角”，學生根據任務需求來學習知識，從而由被動地接受學習向主動地尋求知識轉變。這種教學方法，能充分調動學生的學習積極性，讓學生自發地學習知識，完成任務，從而主動學習、樂于學習。這種教學方法要求，教師將教學內容中的關鍵知識點分成若干模塊，合理地隱含在具體的“任務”中，任務的提出要具有明確性、可操作性，由淺入深，循序漸進。

案例驅動教學法，是一種以案例為基礎的教學法，一般通過三個階段來完成教學內容，實現教學目標:第一階段是設計范例、呈現范例、分析范例、利用范例引出知識點的學習;第二階段是設計任務、布置任務、完成任務，通過任務完成知識遷移，鞏固知識點;第三階段是作品評價，總結提煉知識點。其中，在第一階段，課前，教師根據教學內容和教學目標，把握重難點，結合學生水平和操作技能設計范例。教學中，教師首先呈現范例，通過對范例的分析，引導學生發現問題， 繼而引入新知識，并作必要的演示和講解，以解決問題、掌握技能;第二階段，教師在課前設計任務，給學生搭建學習平臺，設置好相關的軟硬件環境，提供學習資源，安排學生上機，并在課上提出明確的上機任務，要求學生提交個人作品。教師參與學生的學習活動，及時發現問題，點撥指導，引導學生完成知識遷移，盡量自主完成任務。同時，根據學生反饋的問題和課堂中發現的問題作出及時的調整和補救;第三階段，收集學生的作品，進行集中展示，同樣在教師的引導下讓學生對自己和他人作品中的優點與不足形成認識。展示的作品應體現一定的層次，既有典型性，又有風格特點，讓學生自己從中發現問題，找到解決的辦法，吸取優秀作品的設計和構思，體驗不同的風格，從而充分調動學生的主觀能動性和提高學習的興趣。在這種教學方法的實施過程中，范例和任務的設計至關重要，要求教師精選范例甚至根據實際情況自行設計范例，任務的設計要以學生為主體，有一定的實際意義，能涵蓋要學習的知識技能。范例教學方法將傳授知識、發展智力、培養情感結合起來，使學生處在不斷接受教育和培養的狀態中，強化了學生的問題意識，提高了教學質量。

2.2 課程考核

考核是檢測教與學的重要手段，也是教學中一個重要環節。但是，對于網頁這門課程而言，閉卷考試不能反映學生掌握和運用知識的實際情況，因此有必要采取一種靈活多樣的考核方式來替代完全的閉卷考試。一種較為全面的考核方式是學生成績采用由平時成績、綜合大作業和期末考試三部分組成的綜合成績。三者按照一定的比例進行分布。學生的平時成績由每次上機作業和課堂考勤組成;綜合大作業是學生在臨近期末、已掌握大部分知識內容的時候給學生布置的一份綜合作業;期末考試則是給學生一份已經完成的網站規劃圖和網頁效果圖，提供說明文檔和網頁制作所需的文字、圖片等素材，讓學生在指定的上機時間內完成文檔和圖片中要求的制作效果。需要提出的是期末大作業，其具體的操作為:首先由教師提供一些網站主題或學生自主確定一些主題，讓學生進行選題，然后布置學生通過查詢網上資料或自己對網站主題的理解寫出書面的網站設計方案，包括網站的選題、網站的結構、網頁的版面設計等，教師對方案給予審查，給出改進意見，最后，學生進入具體的設計和制作階段，完成后上傳至教師的ftp。這種作業方式充分強調了實踐性教學，又培養了學生自己獨立完成網站設計和制作的能力。我校基于更好地為學生拓展實習和就業門檻、為用人單位更好地選拔所需的網頁人才的目的，不斷調整提高對學生作品質量的要求，將學生的期末大作業作為體現學生能力的一個方面提供給用人單位作為參考，從而很好地將教學工作與學生就業準備相結合。

2.3 多方位拓展教學

為了使學生能獲取更多的學習機會，學校還可以通過興趣小組、學生社團的方式，對學生的自主學習加以引導。網頁課程本身的特點也決定了可以充分發揮網絡資源的巨大優勢，開設網頁制作的討論平臺BBS，集中網頁的學習資源供學生下載使用。另外，每學期還可以舉辦網頁制作大賽，將參賽學生的作品放在網站上，組織學生和評委教師進行評選。這些活動不僅能調動學生的興趣，也極大地豐富了學生的生活。

3 結論

網頁技術的發展突飛猛進，人們對網頁的要求也越來越高，這就要求網頁的教學要緊跟市場和時代的發展，教師必須緊密關注網頁發展動向，及時調整教學內容，不斷改進教學方法，以培養真正適應市場需求的人才。

參考文獻:

[1] 陳恩潤.我國高等職業教育的現狀與發展對策[J].教育探索，2008(2):12-13.

[2] 張麗香.高校《網頁設計》課程教學探討[J].大眾科技，2008(5):104-150.

[3] 姜楠，師肖紅.Dreamweaver 8完美網頁設計與制作[M].北京:中國青年出版社，2006.

[4] 曹長德.教育學案例教學[M].合肥:中國科學技術大學出版社，2008.

[5] 潘懋元.高等學校教學原理與方法[M].北京:人民教育出版社，2003.