淺談"網頁制作"之網頁版面的教學設計

閻曉

摘 ?要：隨著計算機技術及網絡技術的快速發展，《網頁制作》教學課程得到了高度重視。其中，網頁版面是網頁制作教學的重要一部分，面對網頁制作教學課程理論性、實踐性強的特點，加強對"網頁制作"之網頁版面的教學設計，使網頁制作教學課程達到良好的效果。

關鍵詞：網頁制作;網頁版面;教學設計

由于《網頁制作》是一門理論性、實踐性、綜合性較強的課程，為了讓學生更好的掌握網頁制作的知識和技能，結合網頁制作教材的內容及教學目標，科學合理的進行網頁制作的教學設計，精心設計課程教學方案，使網頁制作課程達到良好的教學效果。

1 ?《網頁制作》教材分析及教學對象分析

對于《網頁制作》教材的選擇，選擇《Dreamweaver MX2004中文版網頁制作基礎》教材，該教材的最大優點在于采用任務驅動、案例教學的方式，其中分考慮到了網頁制作的實際運用和實際需要。通過實際案例的講解，不僅可以方便教師的講解，也有利于學生知識技能和應用技巧的培養。一般學生在學習網頁制作課程之前都掌握了基本的網絡知識，也對Office辦公軟件、Photoshop圖形圖像處理及數據庫設計有一定的了解。因此，在學生具備一定的文本編輯及圖像信息處理能力的情況下，將網頁制作的教學重點放在網頁版面的美化和文字信息表達方面，對網頁版面設計效果進行有效評價，使學生更好地了解網頁版面編排的原則及色彩搭配等，以保證網頁制作教學活動的正常開展。然而，對于網頁制作的教學對象，面向的是中等專業學生，對于中等專業學生來說，相比純理論知識的學習，其更擅長于操作實踐性較強的課程。在信息技術不斷發展的時代下，網頁制作是與生活息息相關的，其界面融合了文本、音視頻、動畫及圖片于一體，可以有效激發學生的學習興趣。通過在學生已掌握辦公文字處理及圖形圖像處理的基礎上，引導學生將所學知識應用到網頁制作中，可以達到鞏固知識的目的。

2 ?《網頁制作》之網頁版面的教學設計

對于《網頁制作》中網頁版面的設計，由于網頁制作帶有一定的綜合性，為了真實體現網站的設計理念，在教學任務設計中，首先必須將實際項目任務分解，采用小組合作的方式，每個小組4～6人，在小組組長的指導下，結合網站建設項目的特點，將項目任務分解成不同的任務，包括網站總體規劃設計、網站環境配置、網頁版面布局設計、文字及圖形圖像處理等，讓小組中的每個成員對相應的網頁元素進行加工處理，共同完成一個網頁版面的設計，這樣學生就相應的掌握了一個知識點。為此，對于網頁制作的設計，應包括以下步驟：

（1）明確教學目標：進行"網頁制作"設計之前，首先必須足夠了解Dreamweaver網頁制作的配置環境以及文本編輯、動畫視頻設置、工具繪制圖像的方法等，只有掌握基本的操作，網頁制作項目的設計才能順利;其次，技能目標，能通過模仿網頁來完成實際網頁項目任務的才做;能正確進行表格的編排及網頁動態的設計;能選擇合適的網頁背景音樂和圖案;最后，情感目標：培養學生的審美情感和團隊合作精神，能培養學生的社會責任感。

（2）教學內容重點、難點的設計：對于"網頁制作"中教學難點的設計，應是培養學生分析網頁布局和色彩搭配的能力，而難點是讓學生掌握網頁布局結構、簡單表格的制作、表格的嵌入及熟悉網頁的各種元素。

（3）教學活動設計：以"某大學網頁布局"為例以導入新課，在教學之前，需構建基本知識框架，簡述網頁制作基本知識，然后推薦優秀網站做范例，充分了解網站的內容和顏色的選擇。然而，在課程內容設計上，分析某大學網頁布局和網頁元素，按照項目任務分組，各小組按照要求進行網頁制作，讓每個小組互評，展示各組網頁成果。在這個過程中，教師需要以廣播的方式向學生展示某大學網頁信息，引導學生了解網頁的布局和網頁元素，如"國字型，文本、圖像、表格等";引導學生分組，指定小組長;觀察學生網頁制作的進展情況，對學生制作過程中的難題給予幫助。除此之外，對于學生學習行為，在教學過程中，學生需要積極思考"國"字型網頁布局的典型應用，通過自身所學知識，建立一個新網站;按項目任務分工，進行文字編輯、圖像處理及表格制作等;通過小組共同完成網頁制作，最后進行小組互評總結。

（4）課堂總結：通過教學教程教材和課件的輔助，圍繞網頁制作實例，讓學生掌握基本的網頁布局、文字處理機表格制作等，熟悉網頁的各種元素，使學生的網頁操作實踐能力得到一定的提升。

3 ?總結

總而言之，加強"網頁制作"的教學設計，將教學重點內容放在網頁版面制作及文字信息表達處理上，使"網頁制作"課程教學活動得以順利開展。

參考文獻：

[1]肖瀟. 淺談獨立學院網頁制作課程的教學設計與教學改革[J]. 科教文匯（下旬刊），2011，10：46-47.

[2]張莉. 淺議技工院校《網頁制作》課程的教學設計與實踐[J]. 計算機光盤軟件與應用，2013，18：218，220.

[3]廖麗. 網頁制作中的常見問題及處理分析[J]. 無線互聯科技，2014，08：3-4.