網(wǎng)頁(yè)設計與制作教學(xué)改革論文
摘要：分析了傳統教學(xué)模式與培養應用型人才模式對網(wǎng)頁(yè)設計與制作的教學(xué)改革的影響，提出為培養應用型人才的改革方向，并以?xún)蓚�(gè)專(zhuān)業(yè)、四個(gè)班的學(xué)生做為實(shí)驗樣本，對本年度教學(xué)內容做出了一些改革，得出了在培養應用型人才時(shí)該課程內容的改革方案和注意事項，指出為培養服務(wù)地方應用型人才，網(wǎng)頁(yè)設計與制作的課程改革勢在必行。
關(guān)鍵詞：傳統教學(xué)；學(xué)即能用；CSS
互聯(lián)移動(dòng)終端的大面積推廣，使得掌握網(wǎng)頁(yè)制作技術(shù)的人才在各個(gè)行業(yè)里都成為必不可少的需求；同時(shí)，地方普通高校為社會(huì )服務(wù)的使命感在不斷增強，如何培養出“學(xué)即能用”的人才，使之在短時(shí)間內掌握主流的網(wǎng)頁(yè)設計技術(shù)，提高站點(diǎn)訪(fǎng)問(wèn)量，是這門(mén)課程課堂教學(xué)效果進(jìn)步的體現。
一、技術(shù)背景與課堂教學(xué)要求
（一）Internet發(fā)展歷程
Internet經(jīng)歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動(dòng)的；Web2.0則為用戶(hù)開(kāi)設了主動(dòng)權，使得用戶(hù)和網(wǎng)站可行雙向信息互動(dòng)；Web3.0提升了用戶(hù)的主動(dòng)權，用戶(hù)可對頁(yè)面的多種元素（顯示、色彩、像素、框架等）按需設置，訂制專(zhuān)屬的功能模塊，整合數據資源，適用于電腦、手機、PDA等多終端平臺定制。
（二）傳統的網(wǎng)頁(yè)設計與制作課程內容
一般情況下，高校開(kāi)設的網(wǎng)頁(yè)設計課程從教學(xué)內容上可劃分為兩大塊：1.相關(guān)知識介紹。網(wǎng)站的概念、基本元素及頁(yè)面等相關(guān)知識的介紹。2.應用軟件的使用。介紹使用最多的Dreamweaver系列網(wǎng)頁(yè)制作工具，使學(xué)生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著(zhù)互聯(lián)網(wǎng)的全面推廣和“學(xué)即能用”的需求，以上內容已不能滿(mǎn)足互聯(lián)網(wǎng)時(shí)代與時(shí)俱進(jìn)的特點(diǎn)。最關(guān)鍵的問(wèn)題在于：課堂學(xué)到的知識是否馬上就能得到應用，是否與目前社會(huì )上專(zhuān)業(yè)的網(wǎng)頁(yè)制作公司的技術(shù)規格保持一致。因此，本門(mén)課程的改革勢在必行。
二“、服務(wù)于地方”教學(xué)內容的改革
（一）教學(xué)內容改革
內容改革是課程改革的首要環(huán)節。關(guān)于什么是關(guān)鍵內容，什么是次要內容，筆者走訪(fǎng)了本地專(zhuān)業(yè)網(wǎng)頁(yè)設計公司中企動(dòng)力的設計總監馬女士，通過(guò)對她的訪(fǎng)談，了解到時(shí)下主流的網(wǎng)頁(yè)設計公司所涉及到的技術(shù)規范，對本�，F階段的教學(xué)內容做了必要的調整，簡(jiǎn)化了表格布局頁(yè)面、框架設計等已被淘汰的陳舊技術(shù)的授課內容，有選擇地介紹了網(wǎng)頁(yè)交互特效及表單的應用，加強了網(wǎng)頁(yè)美化工具、HTML語(yǔ)言及CSS的學(xué)習內容。改革后的課程主要分為六大模塊：網(wǎng)頁(yè)和網(wǎng)站的基礎知識、網(wǎng)頁(yè)美化工具（Photoshop或者Fireworks）、HTML語(yǔ)言、網(wǎng)頁(yè)開(kāi)發(fā)工具的介紹、DIV+CSS、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。首先，通過(guò)具體的例子闡明網(wǎng)頁(yè)、網(wǎng)站的定義，頁(yè)面的布局類(lèi)型（主要是盒模型）、整體造型及配色方案的相關(guān)知識；其次，介紹網(wǎng)頁(yè)美化工具圖片處理工具（Photoshop或Fireworks）的使用，學(xué)生可用其設計頁(yè)面元素，加強頁(yè)面的視覺(jué)效果與美觀(guān)性，提升站點(diǎn)的專(zhuān)業(yè)度；再次，介紹HTML的基本語(yǔ)法結構和語(yǔ)句，使學(xué)生熟練掌握其主要標簽的使用（傳統的教學(xué)模式對這一部分的內容有所忽略）。實(shí)踐證明，學(xué)生若不熟悉HTML的語(yǔ)法構成，學(xué)習DIV+CSS這一主流的網(wǎng)頁(yè)布局模式就會(huì )相當吃力。當然，對于非專(zhuān)業(yè)學(xué)生而言，學(xué)習一門(mén)語(yǔ)言，即便是文本標記語(yǔ)言，由于其本身對計算機系統相關(guān)知識的欠缺，授課會(huì )比較困難，學(xué)生也學(xué)得辛苦，但這又是一個(gè)必要的過(guò)程，其所占用的時(shí)間比較長(cháng)，需要設計大量實(shí)例，反復練習才能掌握。之后介紹開(kāi)發(fā)工具，重點(diǎn)是要理解頁(yè)面的代碼模式和設計模式，而DIV+CSS則是本門(mén)課程的重頭戲，由于學(xué)生對代碼有種天生的恐懼，所以，在建立CSS時(shí)又以開(kāi)發(fā)工具建立為主，修改程序為輔。最后簡(jiǎn)單提及動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。由于課時(shí)限制（32節），本課程主要講授靜態(tài)網(wǎng)頁(yè)制作。靜態(tài)網(wǎng)頁(yè)技術(shù)分為傳統技術(shù)和新技術(shù)。傳統課堂教學(xué)內容重點(diǎn)是布局表格、框架、模板等，而目前主流的網(wǎng)頁(yè)制作公司則主要應用DIV+CSS。所以，對于陳舊的技術(shù)簡(jiǎn)單介紹即可，而把DIV+CSS作為布局的主要技術(shù)進(jìn)行講解。由于這些內容需要學(xué)生對代碼部分比較熟悉，所以，在課時(shí)中增加了相應的HTML的基本語(yǔ)法結構和語(yǔ)句的介紹，并對主要標簽的使用熟練掌握。
（二）實(shí)際授課效果
筆者今年為設計和思政兩個(gè)專(zhuān)業(yè)的學(xué)生授課。設計專(zhuān)業(yè)的學(xué)生已經(jīng)開(kāi)設了PS，有一定的設計基礎，所以，課程內容改革中的第一部分可以省略；思政專(zhuān)業(yè)的學(xué)生沒(méi)有圖片處理基礎，筆者在授課過(guò)程中有意加強了這部分內容，講授簡(jiǎn)單的圖片處理方法和文字特效工具。實(shí)踐證明，學(xué)生有追求新知識的欲望，基本能做到學(xué)以致用，并反饋到最終的作品中。往屆學(xué)生的作品更像電子小報，而今年通過(guò)課程內容改革的學(xué)生作品雖不完美，但在形式內容上更接近Internet發(fā)布的正規網(wǎng)站，教學(xué)效果良好。針對我校提出建立培養服務(wù)于地方應用型人才的本科院校，傳統的網(wǎng)頁(yè)設計與制作課程必須響應時(shí)代號召，更新教學(xué)內容與方法。本文僅供從事該課程教學(xué)的教師參考。
參考文獻：
[1]吳延水,王津.項目教學(xué)在網(wǎng)頁(yè)設計與制作中的應用[J].電腦知識與技術(shù),2010,6(15):4037-4038.
【網(wǎng)頁(yè)設計與制作教學(xué)改革論文】相關(guān)文章：
網(wǎng)頁(yè)設計與制作課程教學(xué)改革論文05-27
《網(wǎng)頁(yè)設計與制作》課程教學(xué)改革初探論文03-07
高校網(wǎng)頁(yè)設計與制作專(zhuān)業(yè)教學(xué)改革論文03-06
淺談“網(wǎng)頁(yè)制作”在中職教育中的教學(xué)改革12-11
高職Photoshop 網(wǎng)頁(yè)美工課程教學(xué)改革實(shí)踐分析論文03-18
Frontpage網(wǎng)頁(yè)制作計算機理論論文12-04
標志設計課程教學(xué)改革分析論文03-19