高職網頁設計與制作課程教學的幾點改進

摘要:網頁設計與制作是一門實踐性很強的課程，該文主要根據高職院校學生實際情況并結合本人實際教學經驗，從教學目標、教學對象、教學內容、教學方法等幾個方面闡述如何改進本課程的教學，并探討如何培養學生的實際動手能力。

關鍵詞:高職院校;網頁設計與制作;教學改革;項目驅動

中圖分類號:G642文獻標識碼:A文章編號:1009-3044(2009)26-7562-02

Some Improvements about Homepage Design and Manufacture Course in Vocational Colleges

ZHOU Juan

(Hunan Vocational Institute of Safetyand Technology， Changsha 410151， China)

Abstract: Homepage Design and Manufacture is a highly practical course. According to the actual situation of vocational college students and the practical teaching experience I have， this article describes the teaching improvements from the aspects of the teaching objectives， teaching objects， teaching content and teaching methods and discusses how to cultivate the practical ability of students.

key words: vocational college; homepage design and manufacture; transformation in education; project-driven

《網頁設計與制作》課程是近幾年高職院校普遍開設的一門課程，它的實踐性非常強，包含內容非常豐富，隨時代發展不斷變化，且極具創造性，受到學生的歡迎。怎樣在有限的課堂教學中讓學生掌握網頁設計與制作的技巧，培養他們的實際動手能力，是教師們一直關注的。筆者在實際教學中一直在積極探索，就此結合自己教學經驗談談幾點體會。

1 確定教學目標

1.1 確定《網頁設計與制作》課程在整個專業課程體系中的位置

該門課程在高職院校中屬于職業素質拓展課程，以計算機應用專業為例，本課程在該專業課程體系中位于一個非常重要的位置，如圖1。

《計算機應用基礎》、《C語言程序設計》作為它的先導課程，為它提供了必要的知識準備，比如熟悉設計平臺，了解文字基本操作等等，同時《網頁設計與制作》又為它的后續課程《動態網頁設計》、《javascript腳本語言》打下堅實基礎。本課程的學習有助于學生學習本專業相關其它知識，提高學生的動手能力，提高學生將來從事實際工作的綜合素質。

1.2 課程教育任務

通過調研，分析該課程今后面向的職業崗位群。學生將來主要面向企業、公司、事業單位和政府機關從事管理互聯網信息，網頁制作、網站設計、建設和維護工作。根據從事這些崗位要具備的知識、能力和素質及專業人才培養目標，定制了本課程的教育任務。通過本課程的學習，逐漸提高學生的審美能力，培養學生的動手能力、創新能力、一定的溝通技巧和團隊合作技巧。通過學習本課程，學生具備:1)網站規劃、創建及測試發布的能力;2)美化網頁能力;3)考取相關行業證書的能力。

2 區分教學對象

網頁設計與制作這門課程在我院電子商務、計算機相關專業都有開設。本課程包含的知識面非常廣:網頁基礎知識、CSS樣式表、Dreamweaver、flash 、Fireworks及HTML語言、 Javascript語言等。該課程對學生的動手能力要求也較高，要求學生學完本課程后能以團隊協作的方式進行小型網站的開發。考慮到教學對象來自不同的專業，在課程設計時應根據不同專業的人才培養目標、各專業的特點、學生知識結構的差異，在教學內容的選取上要有區別，真正做到因材施教。比如計算機專業學生邏輯思維能力較強，有一定的編程基礎，教學側重網站開發，通過課程學習學生能熟練運用CSS樣式表及HTML語言，且能利用Javascript編寫一些網頁特效。而文科類學生對顏色、布局及構圖較敏感，有一定圖像處理基礎，對他們則側重網頁設計方面，通過本課程的學習學生能夠設計較美觀的頁面，能利用動畫軟件創造生動、活潑的頁面。

3 選取教學內容

教學內容應能適應行業技術的發展，選取以專項職業能力為導向，突出“學以致用”。在教學時應 “理論夠用，重在實踐”，不可過多的強調理論或使用過時的版本，否則學生容易產生厭學的情緒。

將網頁設計和制作中必須的知識和技能分為兩類:必修和選修，教學內容按模塊設計，將知識和技能分為四大模塊:網頁設計基礎模塊、網頁設計技術模塊、網頁美工模塊、產品開發模塊，每個模塊都有相應的知識目標和能力目標，可以根據不同專業的學時及學生水平靈活選取教學內容。

4 改進教學方法

4.1 項目驅動教學

傳統的案例教學法通過一些零散的案例讓學生了解和掌握網頁設計技術，這樣的方式學生學習的比較被動，他們通常過于專注某個案例制作步驟或網頁制作工具的操作，而忽視完整的網站開發與制作。而如果采用項目驅動的專題教學模式則能較好解決這些問題。

“項目驅動”是在研究教學大綱、課程內容、教學對象的基礎上，選擇難度適中，知識覆蓋較廣的項目。項目應作為一條主線貫穿整個課程，相關的學習活動都圍繞這根主線進行。項目驅動教學突出特點是目標明確、操作性強、生動直觀，易于能力的培養。

針對本課程，先設計一個總項目 ，再根據循序漸進的原則，分小項目進行教學 。把總項目分成若干小項目，再把小項目分成不同的子項目，子項目再分解成步驟。 通常以子項目為教學單位，劃分層次如下:總項目→小項目→子項目→步驟。例如，設計一個“暢想未來”的網站，這個總項目可以分解成多個小項目，單個頁面可作為一個小項目，而該小項目又可分為版面布局、導航條制作、圖片處理、動畫效果等幾個子項目。對于子項目教學過程，可按圖2進行:

在具體教學實踐中，可以讓學生組成項目小組，根據具體項目的開發流程細化的制定出項目進度表，學生以小組為單位，分工合作完成。

以子項目為教學單位，教師可結合教學大綱，收集與設計符合開發進度的教學專題。專題應盡可能將課程大部分知識點覆蓋，由若干個教學案例組成，先易后難;專題與專題之間要有聯系，前后連貫，為完成一個完整的網站項目服務。例如，在項目進度到網頁的排版與布局時，筆者收集了大量的排版與布局的案例，以專題的形式講授如何利用表格、層、框架來制作流行的排版和布局模式，學生對于網頁的排版和布局有了更全面、深刻的認識，改變以往教師單純用知識點講解，學生學得比較零散的缺點，有較好教學效果。

4.2 分層次教學

網頁設計與制作是一門實踐性很強的課程，學生的水平參差不齊。有些學生接受能力很強，能快速掌握并理解教師所授知識，并能在理解基礎上有所突破，而有的學生接受較慢，要通過不斷重復才能掌握，因此，要根據學生掌握水平及學生學習的興趣、智力水平、恒心等這因素些來區分學生層次，給不同層次的學生提出不同的目標和要求，保持各個層次的學生學習網頁設計與制作的積極性。

分層次教學時，需要注意幾點:第一 不同層次的學生應該有不同的教學目標，不能按同一目標要求;第二 教學目標要充分發揮學生的主體地位。對基礎比較差的學生，目標重點在于克服他們由于畏懼困難而引起的厭學情緒，利用有限時間讓他們掌握最基本的操作;對一般學生，目標重點在于調動他們的學習積極性，使他們有新的發現和提高;對掌握較好學生，目標重點是使他們零散的知識更加系統性，在原有的基礎上更好掌握這門課程;第三 對不同層次學生教學目標不是機械不可變動的。

分層次教學具體如何實施呢?

網頁設計與制作每周在機房上機實踐，分層次教學體現在對不同層次的學生安排不同的試驗任務，讓每個學生都有明確的任務，在給定時間內完成某些子項目。在具體教學過程中，可將這些子項目按由易到難分成不同的級別，不同層次的學生選擇不同難度級別的子項目，鼓勵學生在完成所選任務后嘗試去完成更高層次級別的任務。如何鼓勵學生能在完成自己能力范圍內的子項目后向更高層次任務挑戰呢?教師可在上機指導過程中，做到前后聯系，對于學生每次的進步，給予及時的鼓勵;教師可將每次上機試驗學生做出來的作品拷貝，建立文件夾分門別類存放，對于不同層次的學生的作品給予評定，并對優秀學生和進步學生給予一定的獎勵。

在課堂教學中，分層次教學體現在對學生的提問與交流上。由于課堂是在多媒體教室中進行，教師可從學生試驗作品中選擇不同難度層次的有代表性的作品，將這些作品展示在大屏幕上。由于作品均出自同學之手，大家會有很強的好奇心和興趣，教師可根據這些作品激發學生的求知欲，由易到難，由淺入深，讓學生在緊湊又輕松愉快的氛圍中掌握網頁制作知識，讓大家體會到知識變能力的無窮樂趣，樹立大家學習的信心。

4.3 專題討論

雖然教師在設計項目進行專題教學時力求涵蓋大多數知識點，但由于網頁設計與制作技術發展迅速及教師個人知識結構和藝術修養的局限，總有些遺漏和不足的地方。因此，教師應最大程度的利用網絡資源，彌補課堂教學的不足。比如給學生提供一些視頻，介紹一些優秀的網站，開闊學生視野，增加他們的感性認識。可以組織學生按專題討論分析這些優秀網站的創意、特點及使用的技術，在討論中提高他們分析問題和解決問題的能力。

5 改革考核方式

網頁設計與制作傳統的考核方式是筆試+機試或上交作品的方式，這兩種考核方式各有利弊。筆試+機試的考核方式可以了解學生對網頁設計與制作理論知識掌握程度和對工具使用的熟練程度，但不能反應學生的綜合應用能力;上交作品的考核方式能反映學生的動手能力，但反映不了理論水平且過程無法監控。筆者采用平時成績(20%)+作品(20%)+分階段考核(60%)方式，盡量使考試做到公平、可控，能全面真實的反映學生的水平。平時成績主要是學生的到課情況、試驗報告填寫情況、實訓設備保存完好情況等組成;分階段考核方式主要是根據不同階段學生子項目完成情況及最后期末機試組成，學生每次上機實踐的作品均可用“極域電子教室”軟件提交保存，這樣每次學生子項目的完成情況教師均可查看，且能根據完成情況給定相應的成績，這樣各個階段均可考核，彌補了只有最后一次上機考試不能全面反映學生真實水平的不足;學生最后上交的作品除了有作品外，還要有相應的日志，在什么階段完成什么工作，用到哪些技術，如何實現某些效果等，而最后成績的評定，主要通過專業教師與行業專家共同完成。

6 結束語

在網頁設計與制作的教學過程中，依據教學目標，針對不同的教學對象，選擇相應的教學內容，采用適當的教學模式和考核方法，注重課堂的互動，激發學生的求知欲、調動學生學習的主動性，從而提高學生分析問題解決問題能力及動手能力，能取得較好的教學效果。

參考文獻

[1] 安穎蓮.網頁設計與制作課程教學設計與實踐[J].中國教育信息化，2007(9).

[2] 胡波.網頁制作課程教學方法探討[J].電腦知識與技術，2006(8):222-227.

[3] 謝良辰.對網頁制作技術課程實驗教學設計探討[J].教學與管理，2006(7):104.