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