周明明

摘?要：本文針對目前網(wǎng)頁制作課程教學(xué)過程中存在的問題，從課程目標(biāo)、課程內(nèi)容、課程教學(xué)模式以及課程考核等方面進(jìn)行了改革與探索的闡述，指出了網(wǎng)頁制作課程改革的方向。

關(guān)鍵詞：網(wǎng)頁制作?教學(xué)改革?一體化

網(wǎng)頁制作作為計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的一門核心課程，重在培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計(jì)制作與網(wǎng)站維護(hù)等能力，學(xué)生通過該門課程的學(xué)習(xí)能為后續(xù)動(dòng)態(tài)網(wǎng)站制作課程的學(xué)習(xí)奠定基礎(chǔ)。同時(shí)隨著經(jīng)濟(jì)和互聯(lián)網(wǎng)的發(fā)展，用人單位對網(wǎng)頁制作人才的要求越來越高。這就要求教師對傳統(tǒng)的教學(xué)方法進(jìn)行改革，讓學(xué)生能學(xué)會網(wǎng)頁制作的精髓，能做到和社會需求無縫對接。結(jié)合近幾年的教學(xué)經(jīng)驗(yàn)，筆者認(rèn)為網(wǎng)頁設(shè)計(jì)與制作課程改革應(yīng)該從以下幾個(gè)方面入手。

一、以工作崗位為基礎(chǔ)，明確課程目標(biāo)

網(wǎng)頁設(shè)計(jì)與制作課程是培養(yǎng)學(xué)生網(wǎng)站規(guī)劃、設(shè)計(jì)與網(wǎng)頁制作能力的課程，其對應(yīng)的職業(yè)崗位主要是網(wǎng)頁設(shè)計(jì)與制作員以及網(wǎng)頁工程師。根據(jù)工作崗位的任職要求，參照網(wǎng)頁設(shè)計(jì)師考核標(biāo)準(zhǔn)，明確該兩種崗位的職業(yè)人才必須具備以下職業(yè)能力：網(wǎng)頁建設(shè)與設(shè)計(jì)能力、網(wǎng)頁美工能力、網(wǎng)頁動(dòng)畫制作、網(wǎng)站編程能力和網(wǎng)站維護(hù)能力。因此，該課程的目標(biāo)是培養(yǎng)學(xué)生掌握網(wǎng)頁制作方法、強(qiáng)化網(wǎng)頁制作技能、積累網(wǎng)頁制作經(jīng)驗(yàn)，以滿足網(wǎng)頁設(shè)計(jì)與制作及網(wǎng)頁工程師職業(yè)崗位的需求。

二、以職業(yè)能力為依據(jù)，組織課程內(nèi)容

根據(jù)網(wǎng)站開發(fā)和網(wǎng)頁制作技術(shù)領(lǐng)域和網(wǎng)頁設(shè)計(jì)與制作員、網(wǎng)頁工程師職業(yè)崗位的任職要求，參照網(wǎng)站開發(fā)和網(wǎng)頁制作的職業(yè)資格標(biāo)準(zhǔn)，以上述兩種崗位應(yīng)具備的職業(yè)技能為核心，并考慮后續(xù)課程的銜接統(tǒng)籌選擇課程教學(xué)內(nèi)容，網(wǎng)頁設(shè)計(jì)與制作課程應(yīng)突出職業(yè)能力培養(yǎng)，并在課程體系與課程內(nèi)容上突出“應(yīng)用”與“實(shí)用”。網(wǎng)站設(shè)計(jì)與制作課程內(nèi)容總體包括：網(wǎng)站賞析，網(wǎng)站規(guī)劃，站點(diǎn)創(chuàng)建，文字、圖像操作，網(wǎng)頁布局，表單網(wǎng)頁，美化網(wǎng)頁，網(wǎng)頁特效，網(wǎng)站測試、發(fā)布與維護(hù)等。除此之外，筆者認(rèn)為在教學(xué)中需重視HTML教學(xué)，DIV+CSS教學(xué)，以及和其他學(xué)科的教學(xué)合作。

1.重視HTML教學(xué)

現(xiàn)在大部分學(xué)生都習(xí)慣于借助Dreamweaver等軟件來制作網(wǎng)頁，他們認(rèn)為沒有必要學(xué)習(xí)HTML。但不管是靜態(tài)網(wǎng)頁還是動(dòng)態(tài)網(wǎng)頁，其本質(zhì)還是HTML代碼。學(xué)會HTML語言能更輕松的修改網(wǎng)頁結(jié)構(gòu)，能更高效地利用網(wǎng)上的源代碼，且能更快速地進(jìn)入更高層次的學(xué)習(xí)，比如PHP、ASP、.NET、JSP等網(wǎng)站編程語言的學(xué)習(xí)，DIV+CSS網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)。因此在教學(xué)過程中應(yīng)該重視HTML的教學(xué)，要求學(xué)生能看懂HTML。在引導(dǎo)學(xué)生學(xué)習(xí)這部分內(nèi)容時(shí)，一是充分利Dreamweaver的“拆分”視圖，“設(shè)計(jì)”與“代碼”相結(jié)合，在對照中學(xué)習(xí)代碼；二是使用瀏覽器中的“查看源代碼”功能，分析別人的網(wǎng)頁；三是要求學(xué)生們多動(dòng)手，多多修改別人的網(wǎng)頁代碼；四是要求學(xué)生記住一些常用的HTML語法。

2.重視DIV+CSS教學(xué)

在傳統(tǒng)的網(wǎng)頁制作課程教學(xué)中，重點(diǎn)強(qiáng)調(diào)使用布局表格和布局單元格完成頁面布局，但現(xiàn)在YAHOO、MSN等國際門戶網(wǎng)站，網(wǎng)易、新浪等國內(nèi)門戶網(wǎng)站，主流的WEB2.0網(wǎng)站，均采用DIV+CSS的框架模式，DIV+CSS技術(shù)才是主流，且當(dāng)下所有的網(wǎng)站制作相關(guān)職位的招聘信息均要求應(yīng)聘人員精通CSS開發(fā)。筆者認(rèn)為，傳統(tǒng)的教學(xué)內(nèi)容已不能滿足現(xiàn)實(shí)需要，網(wǎng)頁樣式設(shè)置和頁面布局部分的教學(xué)重心應(yīng)該向CSS偏移，重點(diǎn)講解如何采用CSS中的“盒子模型”進(jìn)行頁面布局，且不應(yīng)該僅僅局限于使用Dreamweaver中的可視化窗口進(jìn)行CSS樣式設(shè)置，應(yīng)有意識地引導(dǎo)學(xué)生看和寫CSS代碼，掌握DIV+CSS布局本質(zhì)。

3.重視和其他科的教學(xué)合作

在以往的網(wǎng)頁制作課程教學(xué)中，教師往往給學(xué)生提供處理好的素材，或者讓學(xué)生自己到網(wǎng)上尋找素材，造成學(xué)生缺乏網(wǎng)頁素材處理能力。因此筆者認(rèn)為可以有效地發(fā)揮科目之間的教學(xué)合作。例如網(wǎng)頁設(shè)計(jì)與制作課程的教學(xué)就可以與Photoshop和Flash課程的老師進(jìn)行合作，安排學(xué)生制作相同主題的圖片，動(dòng)畫和網(wǎng)頁。學(xué)生不再是單純地上網(wǎng)找素材，也可以自己制作圖片，制作動(dòng)畫，然后使用到自己制作的網(wǎng)站中去。

三、以行動(dòng)為導(dǎo)向，采用“工學(xué)一體”模式實(shí)施課程教學(xué)

為了達(dá)到課程的培養(yǎng)目標(biāo)，教師在教學(xué)內(nèi)容的組織與安排上應(yīng)突出以能力為本位的教學(xué)設(shè)計(jì)，以培養(yǎng)職業(yè)綜合能力為基礎(chǔ)，以勝任崗位要求為出發(fā)點(diǎn)，在課程的整個(gè)教學(xué)過程中采用以行動(dòng)為導(dǎo)向的“工學(xué)一體”教學(xué)模式。以系部網(wǎng)站建設(shè)為例，選取真實(shí)的項(xiàng)目“信息工程系”網(wǎng)站的制作來開展教學(xué)。教學(xué)實(shí)施可分為五步。

第一步：資訊——了解用戶需求，收集網(wǎng)站建設(shè)素材。同類網(wǎng)站欣賞，了解網(wǎng)站布局、色彩、欄目、內(nèi)容等信息。

第二步：計(jì)劃與決策——深入了解信息工程系情況及建站要求，根據(jù)需求畫出多種草案，并根據(jù)客戶反饋建議選擇合適的草案加工處理，制成Photoshop圖片。

第三步：實(shí)施——選擇合適的網(wǎng)頁制作工具開始創(chuàng)建站點(diǎn)。制作網(wǎng)站，可以用Photoshop設(shè)計(jì)界面、Flash制作Logo動(dòng)畫、Banana動(dòng)畫，用Dreamweaver開發(fā)前臺網(wǎng)頁，用ASP、CSS、JavaScript等開發(fā)后臺程序。

第四步：檢查控制——將作品發(fā)布到IIS服務(wù)器上測試。

第五步：評定反饋——將小組自評，組組互評，教師點(diǎn)評有機(jī)結(jié)合，評出優(yōu)秀作品。

課堂教學(xué)采用項(xiàng)目驅(qū)動(dòng)，工學(xué)一體化授課，將知識點(diǎn)嵌入項(xiàng)目中進(jìn)行講解、練習(xí)、實(shí)驗(yàn)，使學(xué)生在解決問題的過程中逐步掌握所學(xué)知識，提高操作技能。

四、以能力為本位，改進(jìn)評價(jià)方法

合理、有效的考核方式能夠促進(jìn)學(xué)生學(xué)習(xí)。考慮到“網(wǎng)頁制作”課程實(shí)踐性較強(qiáng)的特點(diǎn)，本課程可以采用基于能力本位的過程考核評價(jià)模式。將考核分為平時(shí)實(shí)驗(yàn)、項(xiàng)目設(shè)計(jì)、學(xué)生紀(jì)律三部分，各部分均采用百分制，最后學(xué)生的總成績=平時(shí)實(shí)驗(yàn)成績×40%+項(xiàng)目設(shè)計(jì)成績×40%+學(xué)生紀(jì)律成績×20%。其中，平時(shí)實(shí)驗(yàn)成績?yōu)樵撜n程平時(shí)實(shí)驗(yàn)作業(yè)分?jǐn)?shù)的總和，教師根據(jù)學(xué)生上交的實(shí)驗(yàn)作業(yè)的質(zhì)量進(jìn)行打分。學(xué)期結(jié)束時(shí)增加項(xiàng)目設(shè)計(jì)環(huán)節(jié)，在這個(gè)環(huán)節(jié)不限制網(wǎng)站主題、不限制布局方式，學(xué)生可以自主設(shè)計(jì)。這不僅是對本門課程的一個(gè)復(fù)習(xí)過程，也鍛煉了學(xué)生的綜合應(yīng)用力。對于學(xué)生上交的作品，教師可以采取學(xué)生自評、學(xué)生間互評、教師評價(jià)的方式給學(xué)生的作品打分，并對優(yōu)秀作品予以在網(wǎng)上展示，以激發(fā)學(xué)生學(xué)習(xí)的積極性。學(xué)生紀(jì)律成績主要包括學(xué)生出勤、課堂紀(jì)律和學(xué)習(xí)態(tài)度。

一體化教學(xué)模式是先進(jìn)的教學(xué)模式，也是筆者所在學(xué)校技工教育積極推進(jìn)的一種教學(xué)模式，有待在教學(xué)實(shí)踐中進(jìn)一步探索和改進(jìn)。

參考文獻(xiàn)：

[1]周艾宏.《網(wǎng)頁制作》教學(xué)方法探討[J].電腦迷,

2013(1).

[2]柳珺.高職網(wǎng)頁制作課程教學(xué)改革探索[J].中國電力教育,2013(10).

[3]張會麗.高職“網(wǎng)頁設(shè)計(jì)與制作”課程整體設(shè)計(jì)[J].工業(yè)和信息化教育,2013(7).