《靜態網頁設計與制作》教學改革探討

【摘要】 針對目前永州職院《靜態網頁設計與制作》教學中存在的一些實際問題，本文尋求相應的解決措施，從課堂教學內容、教學方法及考核方法等方面進行了改革探討。

【關鍵字】 教學方法 教學改革 考核方法

一、引言

隨著互聯網的快速發展，社會對網頁設計和制作人才的需求越來越大，對人才水平的要求也越來越高，以就業能力為導向成為網頁設計與制作課程教學改革的方向。《靜態網頁設計與制作》是高職計算機學生必修的一門專業基礎課程，綜合性非常強，包涵的內容多，課程教學中我們應注重操作能力培養，

二、高職靜態網頁設計課程教學現狀與問題

目前高職院校網頁設計與制作課程教學方式有了顯著進步，大多借助多媒體教室進行演示教學，在機房授課中教師也會采取項目驅動教學法來激發學生學習的主體意識，從而培養學生的實踐創新能力。然而網頁設計與制作教學還存在著一些問題，主要有以下幾個方面：

1、理論與實踐脫節。教師所講授的內容Dreamweaver CS5基本操作而學生們所拿到的教材是Dreamweaver8，實踐操作時沒有配套的實例，技術內核區分，同一個網頁用CS5和DW8打開界面不同，因為版本越高對W3C標準的支持越好，用戶體驗也好，而且CS5支持自由拖動CSS樣式，修改選擇符等功能。

2、學生缺乏自主學習能力，學習較被動。“網頁設計與制作”課程是采用理論與實踐1：1配套的授課方式，老師理論課先講解專業知識點并對實例進行示范操作，上機課讓學生憑著記憶或課堂筆記進行模仿操作。學生若跟不上教學節奏就會感到教學內容枯燥，學習積極性得不到很好的激發。

3、學生出現眼高手低動手能力差現象。學生觀看教師用HTML代碼制作騰訊搜搜網頁時，先示范操作打開VS開發工具，新建soso.html網站頁面時只是使用

標簽組織登錄與注冊鏈接，在標簽中插入soso的logo圖片等簡單代碼輸入，認為很簡單，不愿認真學習聽講，等到實踐課上對布置的教學任務時對于沒給操作步驟設計項目又覺得太難而手足無措，造成高不成低不就的現象。

三、高職靜態網頁設計制作課程教學改革

1、教學方法改革。教師將網頁設計的理論知識與開發小型網站的實際技能結合起來，課前設計一個與學生學習生活經歷相關的米柚（MIUI）網站作為項目，讓學生身臨其境參與到實際項目中來，通過演示使用PhotoShop提取米柚圖片元素、使用DIV+CSS對米柚首頁進行布局、制作MIUI首頁的頭部菜單、制作廣告條與下載鏈接、制作視頻區列表、制作功能區列表、制作底部菜單與版權部分使學生了解網站的設計、制作、測試、發布和上傳的流程，掌握網站建設中需要注意的事項及設計規范等。

2、教學內容的有機整合。在以往的《靜態網頁設計與制作》教學過程中，我們的知識點比較零散，比HTML標簽的使用、編寫CSS樣式表、頁面結構分析、DIV+CSS布局等信息都是各自單獨的案例，缺乏一個有機整合。學生學完米柚（MIUI）網站設計之后知道每個知識點分別做什么用。在分組型項目驅動教學中，教學以多個整體網站項目為出發點，將所有的靜態網頁所涉及的知識點貫穿始終有機整合，使學生在學習完后能夠合理利用所學到的知識自由發揮進行網頁設計制作。

3、學生多重學習能力培養。以往《靜態網頁設計制作》教學中，教師教授知識學生簡單復制，缺乏自己的思想和新思維。而通過分小組項目實施任務驅動教學過程中，我們提供學生參考文檔，布置任務讓學生使用不同的開發工具Microsoft Visual Studio 2012和設計工具photoshop cs6完成，學生通過自主學習來獲取知識，這樣就有意識的訓練學生的自學能力。畢業后學生不僅具備了基本課程知識和技能，還具備課外協作團隊作戰的能力。

4、考核方法改革。網頁設計考核的重點在于對網站主題和頁面布局的考查，對整體頁面的美觀性評定，網站規劃中的各項功能及頁面鏈接效果檢查。考核方式我們采取教學過程考核占總成績40%和項目完成情況占總成績60%考核相結合的方式，教學過程考核主要是對學生每次實訓課的制作任務模擬完成情況及學習過程中的學習行為表現等方面；項目完成情況考核主要指學生綜合運用所學知識解決問題、實際開發設計的能力和團隊協作能力。

5、選擇符合時代要求的教材很重要。教材是老師教學的基礎，是學生獲取專業知識的主要方式之一。高職教材主要體現教材的職業性、科學性、實用性和實踐性。在選擇網頁設計教材時，不僅要保證教材上有足夠的網頁設計基礎知識，還要有典型的實用的網頁設計制作案例。

小結：綜上所述，《靜態網頁設計與制作》課程應重視對學生實踐創新能力的培養，通過實踐技能與理論知識的結合體現高職教育人才培養特點，通過教學內容、教學方法的考核方法的改革探討，增強了學生的實踐技能和就業能力，提升教師的教學能力。

參 考 文 獻

[1] 胡同花.談新形勢下高職院校的教學改革[J].農業網絡信息，2012 （6）.endprint