網頁設計與制作教學改革

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計與制作教學改革范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：分析了傳統(tǒng)教學模式與培養(yǎng)應用型人才模式對網頁設計與制作的教學改革的影響，提出為培養(yǎng)應用型人才的改革方向，并以兩個專業(yè)、四個班的學生做為實驗樣本，對本年度教學內容做出了一些改革，得出了在培養(yǎng)應用型人才時該課程內容的改革方案和注意事項，指出為培養(yǎng)服務地方應用型人才，網頁設計與制作的課程改革勢在必行。

關鍵詞：傳統(tǒng)教學；學即能用；CSS

互聯(lián)移動終端的大面積推廣，使得掌握網頁制作技術的人才在各個行業(yè)里都成為必不可少的需求；同時，地方普通高校為社會服務的使命感在不斷增強，如何培養(yǎng)出“學即能用”的人才，使之在短時間內掌握主流的網頁設計技術，提高站點訪問量，是這門課程課堂教學效果進步的體現(xiàn)。

一、技術背景與課堂教學要求

（一）Internet發(fā)展歷程

Internet經歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設了主動權，使得用戶和網站可行雙向信息互動；Web3.0提升了用戶的主動權，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設置，訂制專屬的功能模塊，整合數(shù)據資源，適用于電腦、手機、PDA等多終端平臺定制。

（二）傳統(tǒng)的網頁設計與制作課程內容

一般情況下，高校開設的網頁設計課程從教學內容上可劃分為兩大塊：1.相關知識介紹。網站的概念、基本元素及頁面等相關知識的介紹。2.應用軟件的使用。介紹使用最多的Dreamweaver系列網頁制作工具，使學生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯(lián)網的全面推廣和“學即能用”的需求，以上內容已不能滿足互聯(lián)網時代與時俱進的特點。最關鍵的問題在于：課堂學到的知識是否馬上就能得到應用，是否與目前社會上專業(yè)的網頁制作公司的技術規(guī)格保持一致。因此，本門課程的改革勢在必行。

二“、服務于地方”教學內容的改革

（一）教學內容改革

內容改革是課程改革的首要環(huán)節(jié)。關于什么是關鍵內容，什么是次要內容，筆者走訪了本地專業(yè)網頁設計公司中企動力的設計總監(jiān)馬女士，通過對她的訪談，了解到時下主流的網頁設計公司所涉及到的技術規(guī)范，對本校現(xiàn)階段的教學內容做了必要的調整，簡化了表格布局頁面、框架設計等已被淘汰的陳舊技術的授課內容，有選擇地介紹了網頁交互特效及表單的應用，加強了網頁美化工具、HTML語言及CSS的學習內容。改革后的課程主要分為六大模塊：網頁和網站的基礎知識、網頁美化工具（Photoshop或者Fireworks）、HTML語言、網頁開發(fā)工具的介紹、DIV+CSS、動態(tài)網頁技術。首先，通過具體的例子闡明網頁、網站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關知識；其次，介紹網頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學生可用其設計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業(yè)度；再次，介紹HTML的基本語法結構和語句，使學生熟練掌握其主要標簽的使用（傳統(tǒng)的教學模式對這一部分的內容有所忽略）。實踐證明，學生若不熟悉HTML的語法構成，學習DIV+CSS這一主流的網頁布局模式就會相當吃力。當然，對于非專業(yè)學生而言，學習一門語言，即便是文本標記語言，由于其本身對計算機系統(tǒng)相關知識的欠缺，授課會比較困難，學生也學得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設計大量實例，反復練習才能掌握。之后介紹開發(fā)工具，重點是要理解頁面的代碼模式和設計模式，而DIV+CSS則是本門課程的重頭戲，由于學生對代碼有種天生的恐懼，所以，在建立CSS時又以開發(fā)工具建立為主，修改程序為輔。最后簡單提及動態(tài)網頁技術。由于課時限制（32節(jié)），本課程主要講授靜態(tài)網頁制作。靜態(tài)網頁技術分為傳統(tǒng)技術和新技術。傳統(tǒng)課堂教學內容重點是布局表格、框架、模板等，而目前主流的網頁制作公司則主要應用DIV+CSS。所以，對于陳舊的技術簡單介紹即可，而把DIV+CSS作為布局的主要技術進行講解。由于這些內容需要學生對代碼部分比較熟悉，所以，在課時中增加了相應的HTML的基本語法結構和語句的介紹，并對主要標簽的使用熟練掌握。

（二）實際授課效果

筆者今年為設計和思政兩個專業(yè)的學生授課。設計專業(yè)的學生已經開設了PS，有一定的設計基礎，所以，課程內容改革中的第一部分可以省略；思政專業(yè)的學生沒有圖片處理基礎，筆者在授課過程中有意加強了這部分內容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學生有追求新知識的欲望，基本能做到學以致用，并反饋到最終的作品中。往屆學生的作品更像電子小報，而今年通過課程內容改革的學生作品雖不完美，但在形式內容上更接近Internet的正規(guī)網站，教學效果良好。針對我校提出建立培養(yǎng)服務于地方應用型人才的本科院校，傳統(tǒng)的網頁設計與制作課程必須響應時代號召，更新教學內容與方法。本文僅供從事該課程教學的教師參考。

參考文獻：

[1]吳延水,王津.項目教學在網頁設計與制作中的應用[J].電腦知識與技術,2010,6(15):4037-4038.

作者：侯敏 單位：西安文理學院