淺談"網(wǎng)頁制作"之網(wǎng)頁版面的教學設(shè)計

閻曉

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

關(guān)鍵詞：網(wǎng)頁制作;網(wǎng)頁版面;教學設(shè)計

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

1 ?《網(wǎng)頁制作》教材分析及教學對象分析

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

2 ?《網(wǎng)頁制作》之網(wǎng)頁版面的教學設(shè)計

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

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

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

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

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

3 ?總結(jié)

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

參考文獻：

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

[2]張莉. 淺議技工院?！毒W(wǎng)頁制作》課程的教學設(shè)計與實踐[J]. 計算機光盤軟件與應用，2013，18：218，220.

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