中職網頁制作課程教學設計探討

潘春蓮

摘 要：《網頁制作》是一門理論性與實踐性非常強的操作性課程，針對該課程的特點及中職生的特點，為讓學生了解和掌握網頁制作知識和技能，從而達到良好的教學效果，文章從選好適用教材規劃課程、課程內容的教學設計，制訂教學方案、教學方法、考核評價方法的改變幾個方面對網頁制作課程教學設計進行探討。

關鍵詞：網頁制作；教學設計；教學方法；考核評價

怎樣建立一個網站？怎樣才能設計一個精美出色的網站？面對中職校的學生學習網頁制作又應該從哪兒入手？應該學會哪些制作網站的技術，并讓學生了解和掌握網頁制作知識和技能？這就是中職校網頁制作這門課程最關心的問題。多年來我一直從事中職校網頁制作課程的教學工作，下面我就談一下網頁制作課程進行教學設計。

一、選好適用教材

我校中職生大多是初中畢業生，且基礎較差，選定教材的難易程度一定要掌握好，不能讓學生看課本就像看天書，認為自己學不會，從一開始就放棄這門課程。同樣，教材也不能過于簡單，讓學生認為沒有難度，不學或敷衍一下，這樣也達不到教學的目的。結合我校學生的特點，我們選的是根據教育部《中等職業技術學校計算機應用與軟件技術專業領域技能型緊缺人才培養指導方案》編寫的《網頁制作》，本教材貫穿項目教學的思想，從網頁制作初學者的角度出發，并采用“任務驅動”模式進行編寫，通過一個個具體的課堂任務案例，由淺入深地講解網頁設計和制作，非常適合我校學生的特點。

二、規劃課程教學內容

規劃教學內容是做好課程教學的首要任務。根據中職學生的特點，本課程選擇以培養學生的實踐動手能力為目標。教學內容主要定位在靜態網頁的制作、設計和發布方面，在內容組織上從實際需要出發，以夠用為原則，精選了網頁制作技術的一些主要內容展開講解，主要任務有網頁的基礎知識、HTML語言、Dreamweaver 8軟件、Photoshop CS2軟件、Flash 8軟件、CSS層疊樣式表、Script腳本等。以網頁設計的技能學習和訓練為主，重點講授Dreamweaver網頁設計軟件的使用方法及相關技巧。讓學生通過這門課程的學習，能夠具備綜合運用專業軟件為中小型網站設計和制作網頁的能力，為今后從事相應的網站設計制作工作打下良好的基礎。同時，注意綜合運用學生已學的專業課程知識，如在其他課程學習的Photoshop、Flash等媒體處理軟件，通過Dreamweaver網頁設計軟件進行整合，在課程的教學內容中，結合中職人才培養要求，體現實用原則，注重培養學生自學能力，以應用能力培養為目標，以適應信息技術的不斷更新，以培養適合社會需要的實用型人才為目標的教學體系。

三、課程內容的教學設計，制訂教學方案

根據中職學生的認知規律和網頁學習的特點，循序漸進、由淺入深地介紹網頁制作技術。實踐證明，學生學習網頁設計制作的過程一般可分為四個階段：

第一階段是網頁入門，內容包括第一、二章，主要讓學生了解什么是網頁和網站，什么是HTML語言以及常用的網頁制作工具；學會制作簡單的網頁和網站，既能把各種現成的素材插入網頁中，制作成一個個網頁，并能在網頁中對這些內容進行簡單地編排，最后能將這些網頁鏈接起來，構成一個簡單的網站。

第二階段是網頁布局制作階段，內容為第三章，主要讓學生學會網頁內容布局的相關技術和快速建站的技術。這部分雖然也屬于網頁基礎，但內容相對較難，也非常重要，因此單獨劃為一個階段。

第三階段是網頁美化設計階段，內容包括第四、五、六章，主要讓學生學會使用Photoshop軟件對各類素材進行加工處理和布局設計制作；學會使用Flash軟件設計制作網站的動感效果；通過對優秀網站的鑒賞，了解網站的制作流程、網站的布局設計和整體色彩搭配。這一階段的教學是建立在學生已經初步掌握了Photoshop和Flash的簡單操作基礎上的，而在網站設計上更突出讓學生通過鑒賞和模仿，學會網站設計技術，教學中應該更多地根據學生的作品特點引導性地提供各類樣例給學生參考，讓學生學習某些符合他自身特點的色彩搭配和網頁布局。

第四階段是網站程序使用階段，內容包括七、八章，主要讓學生學會網頁特效的制作和中小型動態網站的架設。這一階段的學習除了能讓網頁更有技術含量、更有動感外，還能掌握簡單的中小型動態網站建立方法，為以后學習動態網站制作打基礎。

四、合理的教學方法

網頁制作是一門實踐性和操作性非常強的課程，要提高學生的綜合應用能力和創新能力，加強學生的實踐動手能力，課程必須安排在計算機房進行，采用教與學結合的方式，學生通過多練、多做來掌握。在網頁制作教學中教師要制定教學方法，根據教學內容、學生特點、教師自身的教學風格等實際情況，通過多媒體教學手段，結合案例分析法、分組討論等多種教學方法進行教學。

1. 多媒體教學手段

在多媒體教室運用多媒體講臺、投影設備、音響設備等將案例效果的視頻或圖片進行展示。

2. 案例分析法，給出相應的項目任務

教師在上課的過程中，要精心設計案例，本著創造性、實用性和新穎性的原則，取人之長，補己之短。要結合課程教學的需要將知識點融于其中，激發學生的學習興趣。對案例要進行解剖分析，結構與知識點應用，詳細了解案例的典型性與應該掌握的問題解析，讓學生開闊視野，開拓學生的學習思路。

3. 模仿操作法

進行模仿制作，讓學生詳細了解網站建設的方法和流程、制作過程和步驟，做到心中有數，了解制作現場，模擬制作步驟，提高學生動手操作，激發學生的學習熱情，增強學習的積極性和主動性，調動模仿他人的網站的制作興趣與熱情。

4. 練習法

教師演示案例制作，學生在計算機設備上跟著教師的操作示范進行實踐，邊講邊練，邊練邊學。給學生布置網頁制作練習，讓學生了解本節課要解決的問題和工作任務，有目的地進行學習，鞏固知識和提高操作設計水平。

5. 分組討論學習

采用學生和老師以及學生與學生間分組進行學習的教學方法，如學生網頁設計自評、課堂討論、實踐作業、學生網頁制作的作品欣賞、模擬設計環境等教學方法，讓學生主動地參加到教學活動中來。這樣教學內容就在教、學、賞、作、創的交融中完成了，同時也能培養學生的思考、總結能力，也能發揮學生的團隊精神，從而提高學生的積極性和主動性。對項目制作作品，分組討論項目實施方案和計劃，并在計算機設備上完成項目制作，之后，由每個小組派出代表對本組的作品進行展示和解說。最后，由教師和學生一起對他們的作品進行點評、討論。

6. 課后創新活動

一方面組織學生參加比賽，包括國內舉辦的各種大賽和校內舉辦的比賽，鼓勵學生以團隊合作方式進行創作，促進學生同行之間的相互交流與學習。另一方面根據上課的內容，又進行了拓展練習，留下相關作業進行鞏固復習工作。這樣既對知識點進行了強化，同時也激發學生繼續學習的興趣。

五、考核、評價方法

網頁制作課程的實踐性非常強，我們要檢驗的是學生的設計能力、綜合應用能力和創新能力，單靠最后的期末考試，是不能確切地評價一個學生的真實水平的，因此要將平時的作業、練習都納入學生評價中。對于網頁這門課程，我將課堂任務分解為“知識預讀”“任務目標”“實施步驟”“對照練習”“任務小結”和“知識拓展”等環節，每個任務完成后可以用下面的評價量表進行評價。

平時的作業就是一次次的案例，檢查學生平時學習的態度和知識的掌握情況，進行評分。期中考試可以做一個簡單的個人網頁來考核學生的學習情況，要求在考試時間內完成題目。對于期末考試，我認為應該以要求學生設計一個完整的網站來結束本課程，所以網頁制作的考核成績應以平時作業、期中考試成績、期末考試成績按4∶3∶3的比例評分。因為網頁制作要建設一個整體設計的網站在短短的兩三個小時內是無法完成的，包括素材的收集、版面的布局、內容的充實等，所以應該以上交作品的形式完成本課程的期末考試，而不是像原來所執行的2個小時完成考題。在作品完成的過程中，教師進行巡視、評價，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們評價的一個依據。最后，上交的作品可以讓全班同學互相點評、互相評價，在評價別人作品的同時以提高自己的水平。

幾年來，我一直堅持上述的做法，取得了良好的教學效果。在我所教的班級中涌現出了一批網頁制作高手，我所教的網頁制作課程也越來越受到學生的喜愛。

（武鳴縣職業技術學校）