第一篇
1《網頁設計》專業教學的指導思想和具體做法
1.1真正認識網頁，明確網頁設計的思想和流程
在中職學校里，我們往往看到老師可能會不自然地降低對學生的要求，只注重對學生進行操作技能和技巧的培養。具體做法表現就是：單純安排簡單的小功能操作，比如圖片插入、超鏈接制作、框架的布局、多媒體元素的插入等，拼命讓學生熟練這些小功能的操作。這樣一來，使我們的教學偏重于功能性教學，只在“制作作品”環節上下了苦功，而卻嚴重忽略網頁設計的藝術性與觀賞性的表現。在中職學校里，我們不能只是片面著重于學生技能的操作，更重要的是通過教師、同學及網絡的幫助，感受實際工作中網站設計的一般工作流程，學會表達解決問題的過程和方法，培養學生綜合運用知識分析、處理實際問題的能力；鍛煉學生發現問題的能力，提高學生組織能力、交往與合作能力、學習技能。因此，在網頁設計教學過程中，網頁設計七大環節一個也不能少，老師都要有計劃、有目的地讓學生去做好，并嚴格把關。
1.2與德育滲透相結合，以賽促學，以賽促教
2008年，教育部提出“普通教育有高考，職業教育有技能大賽”。江蘇省決定從2009年起每年舉辦全省中等職業學校技能大賽，并形成定期舉辦的長效機制。通過技能大賽制度，技能大賽的影響是深遠的，通過技能大賽實現“以賽促建、以賽促學、以賽促教”的目標。作為一名中職學生，能從校園中體會到成就感、成功感，這將會對他三年職中生涯有很大的幫助。因此，作為中職教師，我們要善于給他們提供創造成功感的機會，從而提高他們的自信心。因此，結合自己的網頁設計教學，筆者在自己的教學過程中，結合省、學校的技能大賽的要求，在自己所教班里同樣形成“以賽促學”的學習風氣。
教學中，根據學生掌握技能的程度，讓學生有自己實踐制作主題網站的機會，于是結合學生的興趣、提升愛國情操的主題，開展了“自己動手制作網站”活動，并進行相應的評比活動。比賽之前，筆者跟學生明確制作網站活動要求，和學生共同制定評比方案以及評比標準。創作過程中，引導學生借助于多媒體手段、電子機房、教學網站、電子郵箱和QQ等教學資源，積極參與，互相幫助，共同發展，設計出優秀網站作品。創作后，筆者精心準備好了一堂專門的評比分享課。
在評比過程中，采取分小組，小組推薦作品或者自薦作品的形式進行展示，學生之間相互評分的形式。整堂課學生的展示，讓老師眼前一亮：學生爭先展示作品，自信心非常高漲；好作品層出不窮，設計獨特創新。通過此次比賽，學生“嘗到了甜頭”。于是，在同學和老師的倡導下，網頁設計課程根據教學內容和模塊，一學期相應地舉行了幾次這樣的比賽評比活動。通過在班級里舉行“網頁制作評比活動”以及學校每年一度的“學生技能大賽”，給學生搭建了交流學習的平臺。從學生層面來說，調動了學生的學習熱情，對學生的學習主動性有了極大的促進作用，對學生的學習方法和努力方向有明確的引導作用，對學生的實際動手能力有明顯的強化作用，對學生的求知欲和上進心有強烈的激勵作用。從專業建設層面來說，有效發掘網頁設計的好苗子，為今后的省、市各類競賽儲備人才；借助優才生的“以點帶面”效應，牽動整個專業的學生積極投入到專業學習，從而形成“以賽促學，以賽促教”良好的教學風氣。
2大膽改革和創新網頁設計專業教學方法
2.1微觀教學采用“四階段教學法”，將“引、學、練、評”融為一體，教學體現“教師為主導，學生為主體，訓練為主線”的原則
第一階段，案例引進課堂,明確解決的問題。從《網頁設計》的實際問題出發，精心準備各種典型案例，構建課程的宏觀教學設計。例如，在線教育網、用戶調查網、書店網站、江蘇旅游信息網等。以若干個案例為載體，形成循序漸進、種類多樣的項目群，構建完整的教學設計布局。用具體案例引路，將學生帶進網頁、網站的設計之中。
第二階段，案例分析，學生討論，歸納方案。先由老師對案例進行分析，找到解決問題的方法和操作技能。教師對于關鍵性技術內容應盡可能精講、可詳講，必要時還可補充一些內容；而類似的技術略講，只是告訴學生如何去學。同時，吸收學生參與課堂教學活動，鼓勵學生參加討論、分析案例，小組最終定出解決的方案。
第三階段，分組合作，完成任務。網站的案例往往具有綜合性和復雜性，通過個人的制作一般要花比較長的時間，而且效果不明顯。但通過小組的分工合作，取長補短，容易調動學生的積極性，學習效果也比較好。第四階段，展評結合，分享學習。各組的組長向全班匯報、展示、交流本組設計的最終作品，在介紹過程中要求說明各組平面布置圖的設計思路以及制作過程中遇到過什么問題，這些問題是如何解決的，同時，其他組的同學也可提出問題，讓設計者解釋設計所用的相關技術及特點。最后各組之間進行互評，互相學習，通過相互評價進一步修改各自的設計，評選出客戶最滿意的作品，教師點評。
2.2建設網絡教學環境、促進學生主動學習
在中職學校里，有這樣一種現象：老師比較抗拒給學生在課堂上網，因為中職學生自我約束能力比較差。一開網，學生就有可能在QQ或者游戲，嚴重影響了教學效果。這就對教師提出了更高的要求：要更好地組織課堂教學，更好地引導學生上網輔助教學。根據《網頁設計》這門課程的特點，利用計算機網絡，可以搭建課程網絡教學平臺和技能學習網站，在網站上集成了教學大綱、實驗大綱、在線答疑、在線測試等課程建設的相關教學資源，使學生通過計算機網絡在線學習，通過在線答疑和教師在線交流，通過在線測試檢驗學習效果，促進學生主動學習。通過建設網絡教學環境打破傳統的以課堂為主的灌輸式教學方式,探索建立多渠道的獲取式教學方式：即堅持以學生為中心的教學理念，在教師的必要指導和寬松學習環境條件下，學生主動地利用計算機網絡系統環境的渠道，自主地、創造性地去主動獲取知識和技能。
2.3鼓勵學生參與校園內外的各類專業實踐活動
中職學校在教學理念上提倡“引進來，走出去”。結合《網頁設計》這門專業課程的特點，在課外鼓勵學生走入社會開展各種社會實踐活動，包括建立個人網站，建立模擬企業網站，設計個人主頁，租賃虛擬服務器，租賃空間，委托方式等。通過專業能力和社會實踐的相結合，可以讓學生提前體會到自己專業能力的好壞直接和以后的工作能力和社會適應能力有很大的關系，從而促進學生在校加強專業技能的學習，而不抱著“做一天和尚撞一天鐘——得過且過”的消極想法。
3多元主體共同評價和考核學生的學習成果，發揮考核的激勵功能
3.1實行全面跟蹤考核
針對《網頁設計》這門課程，筆者對學生平時課堂參與狀況、作業完成情況、特別是實踐教學中的表現等進行全面考核，記入成績，并加大日常考核的比重（日常考核占60%；期末和期中考試只占40%）。這樣，大大激勵了學生平常實踐上機過程的積極性和自覺性。使考試不再是檢驗學習效果的唯一目標。
3.2加大實訓過程所設計的網站作品的評價力度
《網頁設計》課程對幾大專業技能，比如Flash、Fireworks、Dreamweaver的操作技能以及美工設計能力都要求比較高。因此，能熟練操作網頁設計工具，制作出一個優秀的網站作品，那么這位學生在網頁設計上絕對頂呱呱的，那自然這門課程的專業成績就相對比較高分了。過分強調理論筆試考核，只會摧毀學生尚存的那么一點點學習積極性，結果就是造成“學風日下”的不良后果。因此，在這門課程的考核上，筆者一般不采取筆試的方式，更著重于學生平常網站作品的積累和創作，加大網站作品的評價力度。這樣，才能激發學生專業學習的興趣，才能真正反映學生的綜合知識、技能水平，才更加有利于培養具有創新精神的應用型專門人才。
作者：陳愛霞 單位：南京市玄武中等專業學校
第二篇
一、教育目標
1.知識目標
①掌握有關網站的基礎知識；②掌握常用的各種ＨＴＭＬ標記；③掌握表格的基本知識；④掌握簡單的動畫制作知識；⑤理解和掌握數據表單的基本知識；⑥了解網站的測試、發布及維護知識；⑦理解和掌握ＤＩＶ＋ＣＳＳ技術知識。
2.能力目標
①能使用Ｄｒｅａｍｗｅａｖｅｒ等網頁設計工具制作網頁；②能用ＨＴＭＬ語言設置和編輯網頁元素；③能合理使用各種多媒體元素；④能運用ＣＳＳ技術設置網頁風格；⑤能使用ＤＩＶ＋ＣＳＳ搭建網站；⑥能發布并維護網站。
3.素質目標
①具有一定的需求分析能力；②具有一定的團隊協作能力與團隊溝通能力；③具有一定的資料收集與整理能力；④具有一定的藝術設計素質和創新意識。
二、教學設計對比
1.傳統教學模式
以往本課程的教學依托于ＤｒｅａｍＷｅａｖｅｒ可視化編輯器，由教師首先通過投影儀進行演示，然后交由學生自主練習。這種方式有如下幾個弊端：①學生對代碼理解較差，離開可視化界面就不認識代碼功能；②投影儀演示完畢即結束講解，學生記不住操作步驟；③學生無法迅速養成自學習慣；④教學任務隨機，缺少一個主心骨；⑤講解傳統知識較多，新知識、新技術引入較少。
2.改革后的教學模式
在改革后，我們首先讓企業合作伙伴選取具有針對性的課程設計項目，然后將項目拆分為項目準備與項目需求分析、界面效果圖設計、效果圖切片、網站動畫制作、網站主要頁面基礎編輯、網站后期編輯和網站測試、發布與維護８個任務，要求學生在規定時間完成每個任務，實施任務驅動；其次，教師將學生進行分組，每個階段的工作首先由學生通過自學加分組討論的方式提出解決方案并逐一實施，教師從旁指導并給出建設性意見，實現了教學做合一并提高了學生的團隊意識和自學能力；本課程教學轉入機房使用電子教室的方式，在每個階段需要演示時，通過教師機直接控制學生機進行演示，加深了學生對知識講解的印象；最后，將企業實際項目評審機制引入課堂，由各組組長與教師按階段共同評審各小組的項目成果，這樣既鍛煉了學生的審美能力，又增強了學生的榮譽意識。
三、教學條件
1.教師要求
①要求授課教師具備網站建設經驗；②對本課程的新知識、新技術有一定了解；③掌握一定的教學方法與教學藝術。
2.教學環境要求
（１）硬件資源：①投影儀一套：實現展示課件、展示實例、演示操作等功能；②教師機：實現教學廣播等功能。（２）軟件資源：①電子教室軟件：極域電子教室；②網頁設計軟件：ＤｒｅａｍｗｅａｖｅｒＣＳ５；③圖像處理軟件：Ｐｈｏ－ｔｏＳｈｏｐＣＳ５；④動畫制作軟件：Ｆｌａｓｈ／Ｓｗｉｓｈ。
四、實施說明
①與企業緊密合作，讓企業參與課程建設，如引入企業的實際項目、工作規范與流程、企業文化等；②精心設計教學環節，在教學任務中體現任務驅動和“教學做”合一；③充分調動學生自學的積極性，給予學生較寬松的學習環境，培養學生的團隊協作能力；④給予學生專業的技術指導，并為學生介紹新技術、新知識。
五、結語
與其它院校進行的本課程教學改革相比，我們更加強調通過任務驅動的方式實現教學做合一，這種改革模式關鍵點在于鍛煉了學生的自學能力與團隊協作能力。通過兩年的教學改革實踐，我們發現學生的自學習慣逐步養成，自學能力逐步提高，并且學生習慣了分組討論的模式，鍛煉了學生的團隊協作能力；學生對代碼的理解能力有了顯著提高，８０％的學生可以使用ＤＩＶ＋ＣＳＳ的方式搭建網頁框架，這個比例比以往提高了一倍以上；拔尖的學生比往屆更多，參與國家相關競賽取得了優異成績；后續課程教師普遍反映：由于學生基礎打得牢，授課難度明顯降低。
實踐證明，此教學改革行之有效，值得推廣。本教改實踐中發現，一部分學生與人溝通交流的能力較差，其原因是這些學生性格內向，不夠開朗活潑。建議今后加強學生素質拓展活動，以提高學生的綜合素質。
作者：張俊暉 單位：四川信息職業技術學院