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

摘 要：若要實現(xiàn)好的教學(xué)效果，必然要采用有效的教學(xué)方法?！毒W(wǎng)頁制作》是一門理論性、綜合性和實踐性都很強(qiáng)課程，為了取得良好的教學(xué)效果，也讓學(xué)生理解好、掌握好網(wǎng)頁制作的基本知識和技能，文章從分析教材、教學(xué)對象、設(shè)計思路、教學(xué)目標(biāo)和教學(xué)過程等方面來闡述這門課程教學(xué)設(shè)計思路。

關(guān)鍵詞：網(wǎng)頁制作；教學(xué)設(shè)計

中圖分類號：TP393.09

隨著網(wǎng)絡(luò)的日益發(fā)達(dá)，網(wǎng)頁技術(shù)得到不斷普及，在社會各個領(lǐng)域中都充分體現(xiàn)了網(wǎng)頁制作技術(shù)的重要性，學(xué)校方面也開始不斷重視這一方面人才的培養(yǎng)。但是，中、高等職業(yè)院校的畢業(yè)生所學(xué)知識往往與就業(yè)單位要求不相符，很大方面的一個原因是傳統(tǒng)的網(wǎng)頁制作課程教學(xué)難以滿足現(xiàn)階段的發(fā)展形勢。因此，筆者將根據(jù)這一課程的教材特點和學(xué)生的特點，淺談如何設(shè)計“網(wǎng)頁制作”的教學(xué)。

1 教材分析與教學(xué)對象分析

1.1 分析教材?！禗reamweaver MX2004中文版網(wǎng)頁制作基礎(chǔ)》是我校選用的教材，其最大特點在于采用“任務(wù)驅(qū)動，案例教學(xué)”的形式，這就充分考慮到了實際運(yùn)用和實際需要，用趣味十足的實際案例來講解網(wǎng)頁制作方面的知識技能和應(yīng)用技巧，這樣不僅使方便教師教學(xué)，而且使學(xué)生學(xué)起來很實用。在學(xué)習(xí)“網(wǎng)頁制作”知識之前，學(xué)生已經(jīng)初步掌握了網(wǎng)絡(luò)相關(guān)知識、數(shù)據(jù)庫設(shè)計與應(yīng)用、Office辦公軟件的應(yīng)用、計算機(jī)硬件組裝與維護(hù)、FLASH二維動畫設(shè)計等內(nèi)容。因而，在學(xué)生已具備了收集、編輯文本、圖像信息的能力的情況下，我們的教學(xué)重點應(yīng)該放在網(wǎng)頁信息表達(dá)方面，例如網(wǎng)頁版面的美化、文字內(nèi)容表達(dá)等。不僅要加強(qiáng)學(xué)生的信息意識，還要提高學(xué)生的信息處理能力；教材第四章的內(nèi)容中以“我的個人主頁”為案例設(shè)計，這給了學(xué)生充分的想象空間，滿足學(xué)生喜歡展現(xiàn)自我的個性需求，又有效發(fā)揮他們的主動性和創(chuàng)造性。另外，對網(wǎng)頁版面設(shè)計效果的評價促使學(xué)生更好的了解編排原則、布局種類、色彩搭配等，有助于提高他們的審美能力和藝術(shù)修養(yǎng)內(nèi)容。

1.2 分析教學(xué)對象。本課程的教學(xué)對象是中等專業(yè)學(xué)生，根據(jù)學(xué)生的性格特點，他們對操作性較強(qiáng)課程的學(xué)習(xí)積極性明顯高于純理論的學(xué)習(xí)。而在現(xiàn)代社會，《網(wǎng)頁制作》這門課程與每個人的生活都是息息相關(guān)的，加之其網(wǎng)頁界面融合文本、圖片、音樂、視頻等為一體，極大的調(diào)動了學(xué)生的學(xué)習(xí)興趣，繼而激發(fā)學(xué)生了解網(wǎng)頁實現(xiàn)原理和方法的欲望；教師在實際教學(xué)過程中要時刻注意引導(dǎo)學(xué)生利用已有知識更好的學(xué)習(xí)網(wǎng)頁制作，與此同時也鞏固了舊知識，一舉兩得；教師應(yīng)當(dāng)適時地監(jiān)控學(xué)生的協(xié)作學(xué)習(xí)情況，鼓勵分組合作交流，并實時總結(jié)心得、體會，引導(dǎo)學(xué)生“自主、合作、探究”學(xué)習(xí)。

2 《網(wǎng)頁制作》課程教學(xué)設(shè)計的思路

從以往《網(wǎng)頁制作》課程的教學(xué)情況來看，在學(xué)習(xí)這門課程之后，學(xué)生雖掌握了基本理論知識，但實際運(yùn)用能力較差，很少能制作出優(yōu)秀的作品，主要表現(xiàn)在兩個方面：網(wǎng)頁色彩的使用和網(wǎng)頁內(nèi)容的定位。因此，教師在設(shè)計教學(xué)時，需要借助一個載體——一個實際的項目，并將整個項目分解成若干小項目，再把每一個小項目分別作為一個學(xué)習(xí)任務(wù)，用這樣的方法貫穿于整個教學(xué)過程。完成了一個小項目，也就相應(yīng)的掌握了一個知識點。便這樣完成學(xué)生運(yùn)用三個軟件進(jìn)行網(wǎng)頁制作的學(xué)習(xí)。

課程設(shè)計要有助于提高學(xué)生的技能水平。運(yùn)用“項目導(dǎo)向”與“任務(wù)驅(qū)動”的教學(xué)模式，創(chuàng)新教學(xué)方法，繼而幫助學(xué)生有效掌握網(wǎng)頁版面設(shè)計技術(shù)。具體闡述如下：注重培養(yǎng)學(xué)生自學(xué)能力和專業(yè)技能。在掌握網(wǎng)頁制作理論知識的同時，也要注重學(xué)生社會能力的培養(yǎng)。在學(xué)習(xí)網(wǎng)頁制作的過程中，主要學(xué)習(xí)一些網(wǎng)站開發(fā)知識，可以讓學(xué)生以自主學(xué)習(xí)或是合作學(xué)習(xí)的形式進(jìn)行，若是結(jié)合實際來學(xué)習(xí)會達(dá)到更佳效果更好；將網(wǎng)頁制作作為一項整體的教學(xué)任務(wù)，對于教學(xué)內(nèi)容、教學(xué)方法和考核內(nèi)容，做好任務(wù)分配工作，結(jié)合多樣的教學(xué)方法建立與之相應(yīng)的考核體系，這樣必然達(dá)到最佳的學(xué)習(xí)效果；教學(xué)設(shè)計要結(jié)合社會需求，作為理論與操作相結(jié)合的學(xué)科，網(wǎng)頁制作在設(shè)計課程時，可以模擬真實的項目，如此可以進(jìn)一步提升學(xué)生的技能，任務(wù)驅(qū)動教學(xué)模式的實行，能更好的調(diào)動學(xué)生的學(xué)習(xí)積極性和求知熱情。

3 教學(xué)目標(biāo)的設(shè)定

3.1 知識目標(biāo)。這一目標(biāo)主要為：掌握Dreamweaver的工作環(huán)境，以及菜單、工具欄的使用方法；掌握新建網(wǎng)站的方法、網(wǎng)頁的編輯技術(shù)和文檔的保存方法；掌握操作表格、單元格、框架、層的輔助定位工具的方法；掌握插入和編輯網(wǎng)頁超鏈接的技術(shù)；掌握插入和編輯文本、圖片、動畫、視頻的方法和設(shè)置格式的方法；掌握利用Fireworks設(shè)計處理文字的方法；掌握利用Fireworks制作網(wǎng)頁中所需的線條及邊框；掌握用工具繪制圖形的方法；掌握基本動畫和引導(dǎo)動畫的制作。

3.2 技能目標(biāo)。這一目標(biāo)主要為：能通過模仿網(wǎng)頁來制作實際網(wǎng)頁；能在網(wǎng)頁中熟練地插入文字、圖片、動畫等；能通過使用簡單的表格編排出結(jié)構(gòu)清晰、內(nèi)容整齊的網(wǎng)頁內(nèi)容；能恰當(dāng)?shù)剡x擇適當(dāng)?shù)木W(wǎng)頁背景圖案和背景音樂；能插入簡單的表單，使網(wǎng)頁具有初步的動態(tài)功能。

3.3 情感目標(biāo)。這一目標(biāo)主要為：培養(yǎng)學(xué)生的敬業(yè)精神、團(tuán)隊協(xié)作精神；培養(yǎng)學(xué)生的社會責(zé)任感和工作效率觀念；培養(yǎng)學(xué)生的審美情趣和審美能力；通過課堂中出現(xiàn)的網(wǎng)頁，滲透愛黨愛校教育；在合作學(xué)習(xí)過程中培養(yǎng)樂于助人、團(tuán)結(jié)協(xié)作的精神。

4 教學(xué)重點、難點的設(shè)定

教學(xué)重點是幫助學(xué)生掌握網(wǎng)頁布局、表格的制作和編輯方法、表格的嵌套和屬性的設(shè)置，以及熟悉網(wǎng)頁的各種元素。教學(xué)難點在于培養(yǎng)學(xué)生分析網(wǎng)頁布局和色彩搭配的能力。

5 設(shè)計教學(xué)過程

5.1 引例以導(dǎo)入新課。（1）推薦給學(xué)生優(yōu)秀網(wǎng)站做范例。1）清華大學(xué)網(wǎng)頁布局——“國字型”并分析其網(wǎng)頁元素；2）萬州一家企業(yè)網(wǎng)頁布局——“三字型”并簡析其網(wǎng)頁元素；3）重慶市機(jī)關(guān)黨建網(wǎng)頁和環(huán)球廚衛(wèi)網(wǎng)頁布局———“T字型”并簡析其網(wǎng)頁元素。（2）組織學(xué)生討論網(wǎng)頁的內(nèi)容和風(fēng)格，分析網(wǎng)頁框架和布局。

5.2 課程主要內(nèi)容的學(xué)習(xí)。（1）以廣播的方式展示范例網(wǎng)站的網(wǎng)頁，逐步引導(dǎo)學(xué)生分析網(wǎng)頁的布局并盡可能詳盡（“國”字型），在分別分析網(wǎng)頁元素——文本、圖像、表格等。（2）分小組布置活動任務(wù)，并分別指定小組長，教師實時觀察進(jìn)程，并對學(xué)生制作過程中遇到的問題適時給予幫助。（3）組織小組之間進(jìn)行網(wǎng)頁制作互評；（4）設(shè)計網(wǎng)頁版面設(shè)計評估表。

5.3 課堂小結(jié)。在這個教學(xué)過程中，利用現(xiàn)代多媒體中的實例網(wǎng)頁，教師準(zhǔn)備好備好教學(xué)素材和課件，圍繞網(wǎng)頁制作實例，來促使學(xué)生掌握網(wǎng)頁的布局，表格的制作與編輯方法，并熟悉網(wǎng)頁的各種元素。通過課堂上的實踐操作環(huán)節(jié)，很好的培訓(xùn)了學(xué)生的技能，教會學(xué)生舉一反三、融會貫通，大大提高了學(xué)生的綜合運(yùn)用能力。同時提高了學(xué)生的專業(yè)技能水平，讓學(xué)生真正地學(xué)會學(xué)以致用，教師也順利完成教學(xué)目標(biāo)，取得良好的教學(xué)效果。

6 設(shè)計考核方式

網(wǎng)頁制作作為一個整體項目，可以從以下幾方面進(jìn)行評價：頁面結(jié)構(gòu)設(shè)計、網(wǎng)頁中動畫的制作、網(wǎng)頁中導(dǎo)航的制作、子頁面的制作、網(wǎng)頁中圖像的制作、網(wǎng)頁中的鏈接和整體效果。主網(wǎng)頁和二級網(wǎng)頁在整體布局上要風(fēng)格統(tǒng)一，布局合理、美觀，文件命名正確，文件夾組織標(biāo)準(zhǔn)有序，符合社會標(biāo)準(zhǔn)；按要求制作網(wǎng)頁導(dǎo)航、編輯網(wǎng)頁元素，導(dǎo)航要求清晰、有一定動畫效果?？己嗽u分時，教師不僅應(yīng)當(dāng)結(jié)合學(xué)生的平時操作情況，還應(yīng)考慮作品展示時其他同學(xué)的評價，綜合評價給出一個分?jǐn)?shù)。

7 結(jié)束語

網(wǎng)絡(luò)技術(shù)發(fā)展不斷更新，作為實踐性很強(qiáng)的科目，“網(wǎng)頁制作”對學(xué)生的動手能力要求越來越高，同時還需要學(xué)校和教師積極主動地關(guān)注社會需求，及時掌握技術(shù)發(fā)展趨勢和網(wǎng)頁制作發(fā)展動向，鼓勵學(xué)生在不斷儲備知識的同時，不斷提高自己的實踐操作能力，使更多的網(wǎng)頁制作人才得以涌現(xiàn)。

參考文獻(xiàn)：

[1]曾廣雄.中文Dreamweaver網(wǎng)頁制作實例教程[M].北京：研究出版社，2008：206.

[2]周奇.新編網(wǎng)頁設(shè)計與制作教程[M].北京：研究出版社，2008：185.

[3]賈勤.網(wǎng)頁設(shè)計三合一能力教程[M].北京：中國鐵道出版社，2006：54.

作者單位：遼寧省大連市旅順廣播電視大學(xué)，遼寧大連 116041