“計算機網頁設計”課程體系分析及課程整合

摘 要 為了更好地在各類職業院校開設“計算機網頁設計”課程，本文針對“計算機網頁設計”課程中各知識點的關聯，結合實踐應用，闡述了教學研究和課程建設方面的一些心得與體會。

關鍵詞 網頁設計 課程整合 課程體系 課程設置

1 引言

“計算機網頁設計”是近年來計算機專業領域發展最快和應用最廣泛的課程之一，當今社會急需培養掌握計算機網頁設計、面向不同應用層次的專業人才。因此，學生對這門課程教學的要求越來越高。面對眾多的網頁設計技術和課程，如何為各類學生開設好“計算機網頁設計”課程，需要我們積極思考。

作者根據在大、中專學校講授“計算機網頁設計”課程的切身體會，結合自身多年企業網站開發設計的實際經驗，就目前如何面向各類院校不同層次的學生開設“計算機網頁設計”方面的課程進行探討。

2 “計算機網頁設計”課程體系分析

“計算機網頁設計”作為一種專業技能的培養，不是作為一門課程孤立存在的，它要靠多門學科的知識給予支撐。它們相互滲透和依賴，因此構成一個科學的、完整的課程體系。

根據圖1所示，如果暫不考慮網頁設計涉及到藝術類的課程外，我們可以把“計算機網頁設計”的相關課程大致分為三類：“計算機網頁圖形圖像、動畫設計”課、“靜態網頁開發與設計”課、“網站管理和動態網頁開發與設計”課，如表1所示。

其中，動態網頁設計的課程，內容和方向比較明確，學習難度大，可根據學生的知識結構層次和培養方向選擇開設。

3根據培養目標進行課程內容的整合

面對如此眾多的網頁設計課程，如何有針對性、有選擇，又最有效地為學生開設計算機網頁設計課程，應達到怎樣的培養目標，根據培養目標進行怎樣的課程整合，這是本文要說明的主要問題。

3.1知識速成型課程整合

“計算機網頁設計”是一個學科體系，但作為一個普通學生，不可能花大量的時間用在學習圖形設計、程序設計等知識上，他們想用最短的時間掌握簡單又實用的網頁設計技能，以應對日常的工作。基于這種想法，我們可以將計算機網頁設計課程整合成兩門課程：

（1）Photoshop

（2）Frontpage

這種課程整合是以Frontpage為教學主線，中間集中花一兩周講述或授課中穿插講述Photoshop知識。由于Frontpage與Word同出一宗（Word是新生入學后必學的一門計算機基礎課程），界面十分相似，學生學習起來很容易上手，因此，Frontpage是學生學習網頁設計入門的最佳課程。Frontpage 課程教學的重點在于：編輯網頁、超級鏈接、使用表格、運用框架、應用組件等。在網頁設計中，必然會涉及到圖片的處理，而Photoshop是圖片處理普及率很高的工具之一，是網頁設計者必須掌握的一個軟件工具。Photoshop課程教學內容偏重于圖像尺寸大小設置、格式轉變、簡易GIF制作、工具箱的使用等。通過這兩門課程，學生可以掌握網頁設計的基本技能，能夠對一些結構簡單的網頁進行設計。

3.2網頁設計師型課程整合

學生的需求層次不僅僅局限于制作簡單的網頁，越來越多的學生更希望在國際互聯網上擁有自己的一片天地，在網頁設計方面追求技術與藝術的完美結合。因此，網頁設計師型課程整合應運而生。網頁設計師崗位要求工作人員不僅了解網頁或者網站的目標、對象、定位、風格要求、功能等基本需求，還要將效果圖變成具體的頁面，所以網頁設計師要精通設計和制作。我們將網頁設計師的課程整合為三門課程：

（1）Dreamweaver

（2）Fireworks

（3）Flash

Dreamweaver、Fireworks、Flash是Macromedia公司的旗艦產品，號稱“網頁設計三劍客”。這種課程整合是以Dreamweaver為教學主線，中間集中三至五周講述Fireworks和Flash知識。這三門課程對于非計算機專業學生而言，學習起來存在一定的難度。Dreamweaver課程授課內容重點為：HTML基礎構建、網站的開發、頁面設計制作、動態廣告效果、網站的文件上傳與維護、可視化的網頁設計和網站管理工具、可視化網頁設計、圖像編輯、處理Flash、Shockwave等媒體格式和動態HTML、基于團隊的Web創作。Fireworks課程授課重點為：網頁圖形圖像制作及優化、GIF動畫、動態網頁及菜單、創建網絡相冊、制作網頁上很流行的陰影、立體按鈕等效果。Flash授課內容重點為：網頁動畫制作及設計藝術、動態按鈕設計、動態加載頁面。通過這三門課程的學習，學生可以掌握網頁設計師崗位技能要求，對一些中小型企業網站進行獨立的設計和開發。但要達到一個熟練的程度，還需要在長期的實踐訓練中鞏固和運用。

3.3 程序開發型課程整合

目前各類院校的計算機實驗條件普遍較好，學生對于靜態網頁設計軟件自學起來相對容易。由于網頁設計的主流技術在于動態網頁的開發與設計，學生在實踐中也碰到諸如用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理等動態網頁，這些功能僅僅有靜態網頁制作技術是無法實現的，因此程序開發型網頁設計課程整合正是為有一定的靜態網頁基礎的學生開設的。程序開發型網頁設計課程整合為三門課程：

（1）HTML超文本語言

（2）網絡數據庫的應用

（3）動態網頁開發技術

這種課程整合以動態網頁開發技術課程為教學主線，授課前集中一周講述HTML超文本語言的知識，授課中期涉及到Web數據庫訪問時，則集中兩周講述網絡數據庫的知識。動態網頁開發技術可選擇ASP、ASP.NET、JSP、PHP等交互語言來教學，建議選取ASP作為教學內容，原因是ASP為微軟新一代開發動態網頁的技術，具有開發簡單、功能強大等優點，可以非常直觀簡易地實現復雜的Web應用，十分適合初學者學習。動態網頁開發技術——ASP授課內容重點為：運行環境的調試、VBScript、JavaScript、ASP內置對象、ASP組件、ADO技術、ASP的調試及效率、Web應用程序案例。HTML超文本語言授課內容重點為：HTML基本結構、頁面布局、文字設計、列表、表格、超級鏈接、多媒體效果、框架。網絡數據庫的應用課程可選用SQL 2000作為教學內容，它可以很好地與ASP技術結合，其授課內容重點為：建立數據庫、刪除數據庫、建立表、刪除表、建立索引、創建存儲過程、創建觸發器、結構化查詢語言。通過這三門課程的學習，學生可以掌握一些交互式網站建設的基本技術，可設計和開發出簡單的Web應用程序，如留言板、BBS、聊天室、注冊系統、查詢系統等。

3.4 網站管理員型課程整合

無論靜態網頁或是動態網頁，最終都要上傳到互聯網，供用戶訪問，并且需要不定期對網站進行更新和維護。網站管理涉及到多種技術，既要懂得一般性網頁設計，還要懂得網站的建設和維護。因此，網站管理員型網頁設計課程可整合為兩門課程：

（1）Dreamweaver

（2）網站建設與管理

這種課程的整合是以網站建設與管理課程為教學主線，授課前幾周講述Dreamweaver知識。網站建設與管理的授課主要內容為：域名、IP地址、網頁空間、IIS的設置與管理、建設FTP服務器、建立虛擬目錄、安裝DNS服務器、安全管理技術、CGI交互技術等，其中IIS的設置與管理是網站建設與管理的重要內容。Dreamweaver授課的主要內容為：定義站點、頁面設置、文圖編輯、首頁、子頁、表格、框架、導航條、發布網頁、可視化網站管理。通過這兩門課程的學習，學生可以掌握網站建設和網站管理的基本技術，能處理網站運行中出現的一些簡單問題，可獨立完成一個中小型網站網頁設計、建站、管理、維護工作。

3.5版面設計師型課程整合

網頁追求版面美觀，是為了更好地傳播網頁信息。作為一個初學網頁設計的人，一般不會關心是否使用與主題相符的字體和圖形，這往往是造成網頁喪失可觀賞性的主要原因。隨著對網頁設計技術感興趣的學生越來越多，如何能制作美觀、層次分明的網頁頁面，成為很多網頁設計愛好者的一個熱門話題。在版面設計元素中，圖像是很重要的一個組成部分，網站整體的版面設計效果直接取決于所設計的圖像效果，因此，我們在設計版面設計師型網頁設計課程時，偏重于網頁圖像圖形方面的教學，版面設計師型課程可整合為三門課程：

（1）Photoshop

（2）CorelDraw

（3）Fireworks

這種課程的整合是以網頁版面設計內容為教學主線，每門課程花4周左右的時間講述，剩余6～8周則是結合3門課程進行版面設計案例練習與講解。Photoshop的主要授課內容為：繪畫工具、創建選區、通道與蒙版、圖層應用、濾鏡效果、切片。CorelDraw的主要授課內容為：繪圖基礎、基本設置、繪圖工具、基本繪圖、填充對象與高級繪圖、文字與排版、排列與管理對象。Fireworks的主要授課內容為：文檔基本操作、圖像的繪制及修改、顏色的調整及填充、位圖文件處理、圖層與蒙層、圖像優化、熱點、切片和輪替按鈕技術等。通過這三門課程的學習，結合課程案例的練習和課程設計，學生可以掌握網頁版面設計要點，明確網頁版面設計的步驟，設計出有一定特點和較為專業的網頁。

4 結束語

這些課程整合措施在我院實施了兩年，一方面是運用在選修課上，另一方面運用在一些網絡課程專業，如市場營銷、電子商務、海關業務等，我們開設與專業相關的一些網頁設計課，收到不錯的教學效果，學生均反映很好。但“計算機網頁設計”畢竟是一門新型的學科體系，每個學校均有自身的實際情況，如何更加科學和合理地開設課程和整合課程，需要廣大教育工作者不斷探索和創新。

參考文獻

[1]韓陵宜. 高職院校“網頁制作”課程教學的探討[J].電腦知識與技術，2005，6.

[2]張麗香. 高校“網頁設計”課程教學探討.大眾科技，2006，5.

注：本文中所涉及到的圖表、注解、公式等內容請以PDF格式閱讀原文