網(wǎng)頁制作課程教學改革探索

周明明

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

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

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

一、以工作崗位為基礎，明確課程目標

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

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

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

1.重視HTML教學

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

2.重視DIV+CSS教學

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

3.重視和其他科的教學合作

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

三、以行動為導向，采用“工學一體”模式實施課程教學

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

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

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

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

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

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

課堂教學采用項目驅動，工學一體化授課，將知識點嵌入項目中進行講解、練習、實驗，使學生在解決問題的過程中逐步掌握所學知識，提高操作技能。

四、以能力為本位，改進評價方法

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

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

參考文獻：

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

2013(1).

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

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