《網(wǎng)頁(yè)制作》課程教學(xué)改革研究與初探

劉穎

摘要：在我校進(jìn)行示范校建設(shè)教學(xué)改革的背景下，網(wǎng)頁(yè)制作課程明確課程定位并確立了知識(shí)、能力、素質(zhì)教學(xué)目標(biāo)，在課程職業(yè)定位中引入企業(yè)崗位定位，并在整個(gè)教學(xué)過(guò)程中將企業(yè)工作過(guò)程貫穿其中，使學(xué)生參與項(xiàng)目開發(fā)全過(guò)程。下面主要從網(wǎng)頁(yè)制作課程的現(xiàn)狀、背景分析、課改思路、組織實(shí)施及考核等幾個(gè)方面進(jìn)行介紹。

關(guān)鍵詞：網(wǎng)頁(yè)制作；教學(xué)改革；項(xiàng)目設(shè)計(jì)；企業(yè)崗位

中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）36-0076-02

1 課程現(xiàn)狀

《網(wǎng)頁(yè)制作》課程開設(shè)十幾年來(lái)，在教學(xué)模式上由原來(lái)的知識(shí)點(diǎn)傳授過(guò)渡到現(xiàn)在的項(xiàng)目化教學(xué)模式，以理論講授和實(shí)踐相結(jié)合的方式，經(jīng)過(guò)長(zhǎng)期的教學(xué)實(shí)踐，取得了一定的成果。

但是，隨著互聯(lián)網(wǎng)技術(shù)的進(jìn)步與發(fā)展，網(wǎng)站技術(shù)以及企業(yè)的崗位需求發(fā)生了變化，當(dāng)前的教學(xué)模式和教學(xué)內(nèi)容已經(jīng)不適應(yīng)現(xiàn)在的變化，知識(shí)內(nèi)容陳舊，不符合企業(yè)實(shí)際工作所需，不利于學(xué)生學(xué)習(xí)主動(dòng)性的培養(yǎng)。課程知識(shí)內(nèi)容的陳舊，不利于知識(shí)能力的培養(yǎng)，學(xué)生在學(xué)校學(xué)習(xí)后，學(xué)生的實(shí)踐操作能力不強(qiáng)，無(wú)法到企業(yè)中找到合適的工作崗位，學(xué)生所學(xué)到的知識(shí)和技能與企業(yè)所需脫節(jié)。

經(jīng)過(guò)具體分析，總結(jié)當(dāng)前本課程在教學(xué)過(guò)程中主要存在以下幾個(gè)問(wèn)題：

1）課程內(nèi)容陳舊、冗余

課程內(nèi)容和實(shí)際工作內(nèi)容脫節(jié)，沒有完全跟上技術(shù)的更新，向?qū)W生傳授的知識(shí)在企業(yè)中用不到，學(xué)生不能在學(xué)校學(xué)到企業(yè)需求的知識(shí)技能。

2） 職業(yè)能力培養(yǎng)沒有得到實(shí)際的訓(xùn)練

學(xué)生的學(xué)習(xí)過(guò)程是在校園內(nèi)完成的，知識(shí)講授方式的教學(xué)缺少實(shí)際的工作情境和動(dòng)手能力的培養(yǎng)，對(duì)學(xué)生的職業(yè)能力學(xué)習(xí)是不利的。對(duì)于高職院校的學(xué)生來(lái)說(shuō)，他們?nèi)狈Τ橄笏季S，沒有具體的企業(yè)情境的知識(shí)灌輸，職業(yè)能力得不到實(shí)踐的鍛煉，學(xué)生的學(xué)習(xí)效果顯然是難以收到成效的。

3）學(xué)生學(xué)習(xí)興趣不高、學(xué)習(xí)不主動(dòng)，掌握效果不理想。

授課內(nèi)容傾向于知識(shí)點(diǎn)的講授，講完給學(xué)生布置一些任務(wù)進(jìn)行練習(xí)，學(xué)生不明確學(xué)完之后能從事什么工作，不利于調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性和主動(dòng)性。

4）本課程教學(xué)過(guò)程中缺少素質(zhì)能力的培養(yǎng)

傳統(tǒng)的知識(shí)點(diǎn)講授方式的教學(xué)不利于素質(zhì)能力的培養(yǎng)，缺少團(tuán)隊(duì)合作、交流和溝通等。

2 背景分析

課程改革團(tuán)隊(duì)成員深入包括沈陽(yáng)藍(lán)德科技有限公司、沈陽(yáng)恒昊互聯(lián)網(wǎng)絡(luò)有限公司、沈陽(yáng)華商網(wǎng)絡(luò)有限公司在內(nèi)的十余家網(wǎng)站建設(shè)相關(guān)企業(yè)進(jìn)行走訪調(diào)研，并采用問(wèn)卷調(diào)查的方式對(duì)網(wǎng)頁(yè)制作人才崗位職責(zé)、職業(yè)技能、綜合素質(zhì)進(jìn)行資料收集匯總分析。下面從課程面向崗位、崗位晉升、及崗位對(duì)應(yīng)工作任務(wù)和工作流程方面進(jìn)行分析。

2.1 課程面向崗位

《網(wǎng)頁(yè)制作》課程面向設(shè)計(jì)助理，網(wǎng)頁(yè)設(shè)計(jì)師和Web前端工程師三個(gè)崗位。典型工作任務(wù)分析如下表所示。

2.2 崗位晉升

2.3 工作流程

根據(jù)調(diào)研，將企業(yè)實(shí)際工作崗位的工作流程和相對(duì)應(yīng)的崗位進(jìn)行規(guī)劃總結(jié)，總結(jié)流程如下圖所示。

2.4 課程目標(biāo)

通過(guò)本課程的學(xué)習(xí)，使學(xué)生熟悉網(wǎng)頁(yè)制作基本理論知識(shí)，掌握網(wǎng)頁(yè)制作基本方法，能完成網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作工作，培養(yǎng)愛崗敬業(yè)、團(tuán)隊(duì)合作素質(zhì)，適應(yīng)網(wǎng)頁(yè)制作崗位的需要，同時(shí)為學(xué)習(xí)電子商務(wù)網(wǎng)站開發(fā)、網(wǎng)站綜合實(shí)訓(xùn)課程打好堅(jiān)實(shí)的基礎(chǔ)。

《網(wǎng)頁(yè)制作》課程的知識(shí)目標(biāo)、能力目標(biāo)、素質(zhì)目標(biāo)內(nèi)容如下：

知識(shí)目標(biāo)：

① 了解各種網(wǎng)站結(jié)構(gòu)；了解網(wǎng)頁(yè)元素；了解WEB標(biāo)準(zhǔn)；

② 熟悉Photoshop常用工具；熟悉Dreamweaver工作界面；

③ 理解網(wǎng)站制作的一般流程：網(wǎng)站規(guī)劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作；

④ 理解HTML語(yǔ)言中的各種文本格式、字符格式、段落設(shè)置、列 表、標(biāo)記；

⑤ 理解CSS樣式表的應(yīng)用；理解CSS盒子模型；

⑥ 理解表格、框架、層、表單、模版的作用；

⑦ 了解網(wǎng)站鏈接、網(wǎng)站域名、網(wǎng)站空間、上傳網(wǎng)站的概念。

能力目標(biāo)：

① 能使用Photoshop完成網(wǎng)站Logo設(shè)計(jì)、網(wǎng)頁(yè)效果圖設(shè)計(jì)；

② 能熟練使用Dreamweaver進(jìn)行站點(diǎn)結(jié)構(gòu)搭建、表格和框架頁(yè)面布局的設(shè)計(jì)；

③ 能熟練使用Dreamweaver進(jìn)行模版的創(chuàng)建、表單頁(yè)面的制作；

④ 能用CSS層疊樣式表設(shè)計(jì)網(wǎng)頁(yè)樣式；能應(yīng)用CSS盒子模型進(jìn)行網(wǎng)頁(yè)布局優(yōu)化；

⑤ 能熟練使用HTML語(yǔ)言中的標(biāo)記設(shè)置顏色、文本格式和列表；

⑥ 能在HTML中嵌入JavaScript代碼，能簡(jiǎn)單修改JavaScript特效代碼；

⑦ 能夠檢查網(wǎng)站鏈接、網(wǎng)站兼容性等網(wǎng)站優(yōu)化問(wèn)題；能夠注冊(cè)域名、申請(qǐng)空間、發(fā)布網(wǎng)站。

素質(zhì)目標(biāo)：

① 設(shè)計(jì)美感：網(wǎng)頁(yè)設(shè)計(jì)圖要滿足客戶需求，同時(shí)也要看著舒服

② 愛崗敬業(yè)：能夠不怕苦、肯加班、具有高度責(zé)任心

③ 團(tuán)隊(duì)合作：在完成較大網(wǎng)站項(xiàng)目時(shí)具有良好的團(tuán)隊(duì)合作精神

④ 溝通交流：與客戶和后臺(tái)設(shè)計(jì)人員具有良好的溝通能力

3 課程改革整體設(shè)計(jì)思路

《網(wǎng)頁(yè)制作》課程將以實(shí)際工作情境為中心，以企業(yè)的工作過(guò)程為課改導(dǎo)向，以培養(yǎng)學(xué)生實(shí)踐操作為主線，以企業(yè)實(shí)際工作任務(wù)為單位，將所學(xué)知識(shí)內(nèi)容融入到企業(yè)工作任務(wù)中去。

針對(duì)本課程，設(shè)計(jì)了“思博數(shù)碼有限公司”的企業(yè)網(wǎng)站作為貫穿整個(gè)課程的綜合項(xiàng)目，該項(xiàng)目劃分為9個(gè)子項(xiàng)目，分別為“數(shù)碼類網(wǎng)站瀏覽”、“思博數(shù)碼LOGO設(shè)計(jì)”、“頁(yè)面效果圖設(shè)計(jì)”、“思博數(shù)碼主頁(yè)制作”、“思博數(shù)碼子頁(yè)制作”、“優(yōu)化思博數(shù)碼主頁(yè)布局”、“優(yōu)化思博數(shù)碼導(dǎo)航”、“制作思博數(shù)碼輪播廣告”、“發(fā)布思博數(shù)碼網(wǎng)站”。

各個(gè)子項(xiàng)目的編排按企業(yè)實(shí)際工作流程，之間呈遞進(jìn)關(guān)系，由簡(jiǎn)單到復(fù)雜，所對(duì)應(yīng)的崗位由低到高，使學(xué)生真實(shí)感受到崗位提升的過(guò)程，以及每個(gè)崗位所應(yīng)完成的工作任務(wù)。學(xué)生在學(xué)習(xí)過(guò)程中既掌握了相應(yīng)的專業(yè)知識(shí)，又培養(yǎng)了實(shí)際操作能力和相關(guān)的職業(yè)素質(zhì)。

將每個(gè)子項(xiàng)目劃分成若干個(gè)子任務(wù)，再進(jìn)行細(xì)致的單元教學(xué)設(shè)計(jì)。在每個(gè)子項(xiàng)目中對(duì)應(yīng)設(shè)置知識(shí)任務(wù)、能力訓(xùn)練任務(wù)，并在教學(xué)過(guò)程中貫穿職業(yè)素質(zhì)的培養(yǎng)。

每個(gè)子項(xiàng)目教學(xué)結(jié)束后，都要進(jìn)行一次考核，并且綜合項(xiàng)目結(jié)束后，再進(jìn)行一次綜合考核。子項(xiàng)目的考核可采取小組同學(xué)互評(píng)，老師總評(píng)的方式，綜合考核完成一個(gè)企業(yè)實(shí)際的網(wǎng)站項(xiàng)目，考核結(jié)果由企業(yè)是否使用為標(biāo)準(zhǔn)，全面考核學(xué)生對(duì)知識(shí)的掌握及能力、素質(zhì)的培養(yǎng)情況。

4 組織實(shí)施及考核

4.1 課程實(shí)施方法與手段

首先，本課程在開課之初，按照班級(jí)總?cè)藬?shù)進(jìn)行分組，大概5人為一個(gè)小組，最多每組不超過(guò)6人，小組成員盡量按照學(xué)習(xí)能力均衡分布，每個(gè)小組一個(gè)項(xiàng)目組長(zhǎng)，負(fù)責(zé)小組的整體事務(wù)。

其次，在課程實(shí)施過(guò)程中，使用企業(yè)真實(shí)的網(wǎng)站案例，教學(xué)過(guò)程是否能取得好的效果主要取決于項(xiàng)目的選擇，一個(gè)好的項(xiàng)目案例，既能提高學(xué)生的學(xué)習(xí)興趣，又能充分鍛煉學(xué)生的實(shí)踐操作能力，因此，教學(xué)實(shí)施過(guò)程中，按照企業(yè)建站流程，結(jié)合實(shí)際工作崗位所要完成的工作任務(wù)，設(shè)計(jì)教學(xué)內(nèi)容，靈活設(shè)計(jì)教學(xué)方式，對(duì)于知識(shí)點(diǎn)的傳授采取講授和微課的形式組織學(xué)生學(xué)習(xí)，對(duì)于實(shí)際操作部分，直接設(shè)置工作任務(wù)，讓學(xué)生自己開動(dòng)腦筋，獨(dú)立完成，在過(guò)程中遇到問(wèn)題同學(xué)間可相互討論，最終作品學(xué)生在班級(jí)展示，講解制作過(guò)程和方法，學(xué)生互評(píng)。

課下利用“藍(lán)墨云班課”加強(qiáng)互動(dòng)學(xué)習(xí)和資源共享。利用云班課中的討論、答疑解決學(xué)生學(xué)習(xí)中遇到的問(wèn)題，增強(qiáng)老師與學(xué)生之間、學(xué)生與學(xué)生之間的互動(dòng)；利用測(cè)試功能完成課下的考核；利用資源管理發(fā)布學(xué)習(xí)資源，擴(kuò)展學(xué)習(xí)內(nèi)容。

課程最后三周，將進(jìn)行真正的實(shí)戰(zhàn)，即學(xué)生們以小組為單位，到企業(yè)中去調(diào)研，獲得企業(yè)的建站需求，小組成員互相討論，制定適合企業(yè)需求的網(wǎng)站策劃書，然后和企業(yè)的負(fù)責(zé)人進(jìn)行溝通確認(rèn)，完善網(wǎng)站需求策劃，接下來(lái)，完成網(wǎng)站的首頁(yè)設(shè)計(jì)，設(shè)計(jì)版式在得到企業(yè)認(rèn)可后，小組成員分工完成首頁(yè)及內(nèi)頁(yè)的制作工作，最后由小組組長(zhǎng)對(duì)各個(gè)頁(yè)面進(jìn)行鏈接，整合，小組成員分別對(duì)網(wǎng)站進(jìn)行鏈接、內(nèi)容等測(cè)試，最后發(fā)布到互聯(lián)網(wǎng)上，整個(gè)網(wǎng)站的策劃到最終完成均有學(xué)生自己完成。要完成一個(gè)網(wǎng)站的建設(shè)工作，必須先制定項(xiàng)目計(jì)劃，然后設(shè)計(jì)制作，最后發(fā)布，只有按照網(wǎng)站的特定開發(fā)工作流程，才可以設(shè)計(jì)制作出客戶滿意的網(wǎng)站。

4.2課程考核方法

本課程考核方法取消筆試考試。采用子項(xiàng)目考核、課外學(xué)習(xí)考核、實(shí)習(xí)考核相結(jié)合的方式。課內(nèi)考核占50%，課外考核20%，實(shí)習(xí)考核30%。

1）子項(xiàng)目考核方式，學(xué)生五人分為一個(gè)項(xiàng)目小組，項(xiàng)目組定期進(jìn)行成果展示、小組之間進(jìn)行答辯，互評(píng)和老師評(píng)分相結(jié)合；

2）課外學(xué)習(xí)考試方式，根據(jù)學(xué)生登錄“藍(lán)墨云班課”APP的次數(shù)和互動(dòng)，完成任務(wù)的數(shù)量評(píng)分；

3）實(shí)習(xí)考核方式，學(xué)生實(shí)現(xiàn)的是一個(gè)完善的、可發(fā)布、可供企業(yè)實(shí)際應(yīng)用的網(wǎng)站，作品以企業(yè)是否采用為主要考核標(biāo)準(zhǔn)，激發(fā)學(xué)生的學(xué)習(xí)興趣。

5 課程改革要解決的問(wèn)題

1）完善《網(wǎng)頁(yè)制作》課程標(biāo)準(zhǔn)，對(duì)課程實(shí)行能力教學(xué)，突出能力目標(biāo)，強(qiáng)化崗位適應(yīng)性。

2）修訂《網(wǎng)頁(yè)制作》項(xiàng)目化教材，刪減修改原有知識(shí)內(nèi)容，按照項(xiàng)目設(shè)計(jì)教材內(nèi)容，使其符合崗位知識(shí)、企業(yè)能力的需求。

3）引入“藍(lán)墨云班課” APP軟件，學(xué)生可通過(guò)手機(jī)隨時(shí)隨地學(xué)習(xí)，促進(jìn)課外學(xué)習(xí)的主動(dòng)性，加強(qiáng)師生之間、學(xué)生之間的互動(dòng)，提高學(xué)習(xí)興趣。

4）將學(xué)生分成若干工作項(xiàng)目組，在學(xué)習(xí)過(guò)程中能夠相互交流、互助互愛，通過(guò)項(xiàng)目組之間的競(jìng)爭(zhēng)，提升團(tuán)隊(duì)意識(shí)，促進(jìn)學(xué)生素質(zhì)目標(biāo)的培養(yǎng)。

5）完善教學(xué)資源庫(kù)建設(shè)，解決課程教學(xué)中資源不足的問(wèn)題。

6）改善教學(xué)方法和教學(xué)手段，通過(guò)頂崗實(shí)習(xí)、企業(yè)實(shí)戰(zhàn)，在技能方面提高學(xué)生的實(shí)踐能力以及獨(dú)立完成項(xiàng)目的能力。

6 結(jié)論

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”，課程改革是一項(xiàng)任重而道遠(yuǎn)的工作?！毒W(wǎng)頁(yè)制作》課程教學(xué)方式方法的探索和改進(jìn)以及教學(xué)手段的完善，對(duì)提高本課程的教學(xué)效果，增強(qiáng)學(xué)生學(xué)習(xí)的興趣方面都起到了非常有效的作用，但在具體的改革過(guò)程中也將遇到各種各樣的問(wèn)題，我們課程改革團(tuán)隊(duì)成員將克服困難，不斷進(jìn)取，將課程改革繼續(xù)完善、推進(jìn)、發(fā)展。

參考文獻(xiàn)：

[1] 王紀(jì)鳳，李鵬，張?jiān)ｏw，等. 網(wǎng)頁(yè)制作課程教學(xué)探討[J].中國(guó)現(xiàn)代教育裝備，2007（12）：46-47.

[2] 滕巖，王鑫，林冰.基于真實(shí)企業(yè)項(xiàng)目的商務(wù)網(wǎng)站設(shè)計(jì)與制作課程改革[J].科教導(dǎo)刊，2014（6）：106-108.

[3] 熊凱.高職院?！毒W(wǎng)頁(yè)制作》課程教學(xué)的幾點(diǎn)體會(huì)[J].科教論壇，2006（4）.

[4] 王曉紅，周立.《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革[J].北京聯(lián)合大學(xué)學(xué)報(bào)：自然科學(xué)版，2006（4）.