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

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

中圖分類號：TP393.09

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

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

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

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

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

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

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

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

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

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

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

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

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

5 設(shè)計(jì)教學(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）分小組布置活動(dòng)任務(wù)，并分別指定小組長，教師實(shí)時(shí)觀察進(jìn)程，并對學(xué)生制作過程中遇到的問題適時(shí)給予幫助。（3）組織小組之間進(jìn)行網(wǎng)頁制作互評；（4）設(shè)計(jì)網(wǎng)頁版面設(shè)計(jì)評估表。

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

6 設(shè)計(jì)考核方式

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

7 結(jié)束語

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

參考文獻(xiàn)：

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

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

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

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