網站設計與網頁制作課程的教學改革研究與實踐

張 琰

東南大學成賢學院 江蘇南京 210088

網站設計與網頁制作課程的教學改革研究與實踐

張 琰

東南大學成賢學院 江蘇南京 210088

網站設計與網頁制作是電子商務專業必修的一門基礎課程。該課程仍舊停留在動態ASP網站的理論與實踐教學階段，與當今最新的網站開發技術嚴重脫節。針對以上問題提出了利用Dreamweaver，Photoshop，Flash及PHP開發網站的教學內容改革研究與實踐方案。

網站設計與網頁制作；Photoshop；Flash；PHP；教學改革

如今，電子商務的應用已遍及人們生活的方方面面，網上購物、手機上網、網絡通訊、搜索引擎基本成為人們生活的一部分。世界各國也都非常重視電子商務技術、電子商務模式的發展。為了順應電子商務發展的趨勢，保證對每年不斷增加的電子商務人才需求的供給，我國各類高等院校競相開設電子商務專業。其中網站設計網頁制作課程是該專業的重點專業基礎課。

筆者在分析學術教研文獻的基礎上[1-3]，結合自身的教學經驗，發現目前網站設計與網頁制作課程仍舊以Dreamweaver+IIS+Access為技術平臺構建ASP動態網頁。學生通過學習雖然能夠掌握基本的網站設計，但與當今網站網頁設計實踐相去甚遠，使得電子商務學生畢業后不能很快適應網站設計工作。因此，筆者結合最新的網站網頁開發技術，即對前臺網頁制作采用Dreamweaver+Flash+Photoshop，對后臺網站開發采用PHP+SQL數據庫的技術平臺，對原有的教學內容進行改革。在教學方法上采用項目教學法，培養學生的實際動手能力。

1 教學內容改革

網站設計網頁制作課程不僅要求學生掌握網站框架搭建的方法，而且對網頁界面的藝術性設計也提出了要求。網頁界面藝術性設計的要素包括色彩、布局、構圖等，這些要素設計是否合理在很大程度上決定了網站是否能夠吸引并留住用戶。因此有必要加強電子商務專業學生在網頁界面藝術性設計方面的能力，改革原有的教學內容，包括以下幾點：

(1)使用Photoshop編輯網頁圖像。Adobe公司開發的Photoshop軟件是目前圖像處理領域使用最多的一款軟件，是集圖像掃描、編輯修改、圖像制作、廣告創意，圖像輸入與輸出于一體的圖形圖像處理軟件。Photoshop的版本由最初的僅能實現色彩平衡、飽和度調整等簡單功能的1.0升級為可以創建和編輯3D動畫的CS5。將Photoshop應用到網頁界面設計中已是行業里最常見的手段和方法。對電子商務專業的本科生來說需要掌握的理論與實踐知識有：

①Photoshop的基本知識，包括常用菜單命令、圖層、通道、路徑、文件模式等概念。②Photoshop工具使用方法，如工作區的操作、圖像分區、繪圖工具、文字設計器、圖層面板、圖像修補工具等。③使用Photoshop制作網頁實例，如制作電子商務交易網站、企業信息發布網站或者社交網站等。

(2)使用Flash創建動態交互式網站。Flash原是Macromedia公司旗下產品，現被Adobe公司收購，是一款制作二維矢量動畫的軟件。最新版本為Adobe Flash Professional CS5.5。Flash被大量應用于網頁的矢量動畫設計，因為使用向量運算方式，產生出來的Flash影片占用存儲空間較小。目前，使用Flash建立全Flash站點成為業內流行的網站創建方法。本課程采用項目教學法，即以完成多種不同主題風格網站項目為主線，學習使用Flash工具創建網站，其中包括以下內容：

①網站項目的策劃與制作；②社區網站項目；③廣告網站項目；④信息網站項目；⑤購物網站項目；⑥旅行網站項目。

使學生掌握使用Flash制作HTML文件，應用CSS，制作導航欄、彈出式菜單，動畫、文本、圖像切片以及多種動畫效果制作等能力。

(3)使用Dreamweaver+PHP+SQL構建網站后臺。Dreamweaver的操作有建立PHP站點、數據庫的連接、使用服務器行為等；PHP平臺搭建包括Apache，PHP，MySQL的安裝；PHPAdmin的安裝與使用；MySQL數據庫的創建、修改、刪除等操作。

2 教學方法改革

改革原有的“教師講，學生聽”教學方式，采用“以學生為主導，教師為輔導”，圍繞項目開展網站設計學習的方式，即采用項目教學法。所謂項目教學法是指將整個學習過程分解為一個個具體的項目或事件，設計出項目教學方案，不僅傳授給學生理論知識和操作技能，更重要的是培養他們的專業能力。將該方法應用于網頁設計課程的教學中，主要是指結合教學要點，給定學生網站設計的要求，讓學生獨立完成網站設計與制作的任務，具體體現在以下幾個方面：

(1)介紹網站設計成功案例。為了使學生形成一定的網站設計構想，有必要將目前國內外在設計方面有創意的網站展示給學生，如匡威、立頓茶飲、開心網等。通過這些網站使學生了解現在較流行的網站設計風格、設計思路及設計手段。

(2)理論教學圍繞項目展開。每節課設定一個網站制作項目，如Dreamweaver站點建立、Photoshop圖層的使用、Flash與ASP技術的結合等，并給學生講解每個項目的設計目標、預達到的效果、設計思路和制作的具體步驟。以課堂演示操作為手段，邊講解邊操作演示，進而使學生有感性上的認識與體會。

(3)上機實驗課要求學生模擬完成課堂講解的項目。該課程有1/3的學時是安排學生上機操作，這是實現項目教學法的必備條件，即在理論學習的同時安排學生上機操作，將課堂上教師完成的項目由學生自己上機實現，由易到難，引起學生的興趣并鍛煉其制作網站的動手能力。

(4)課程考核以大作業形式實現。改變原來閉卷筆試的考核形式，要求學生在課程結束后獨立形成一個完整的網站，主題自擬，使用Dreamweaver，Photoshop和Flash等網站制作工具實現至少80%課上講解的項目功能。對使用課外的工具和手段使得網站更生動的學生可加分，即鼓勵學生自己摸索和創新網站制作方法。最終成績的評定依據網站使用工具先進性、主題的新穎性、界面設計的藝術性和實現功能的完善性四個方面來評分。本課程最后的綜合成績評定除了依據上述大作業完成情況，還依據平時上課情況和上機實驗完成情況，其比例分別為60%，10%和30%。

(5)利用學生業余時間創辦網站設計大賽。組織學生組成團隊共同設計制作網站，在條件允許的情況下將網站發布于互聯網上，發動全校師生上網訪問參賽作品并評分。根據訪問者的評分得出大賽一、二、三等獎，并給予獎勵。

3 結束語

綜上所述，電子商務專業的網站設計與網頁制作課程必須與時俱進，使用先進的設計制作工具，使學生接觸最新的網站設計方法，即采用Dramweaver+Flash+Photoshop的組合，使學生學習制作的網站能跟上時代發展步伐。

在教學方式上采用項目教學法，圍繞具體的網站設計與制作項目展開教學與實踐，鍛煉了學生的動手能力而且也讓其了解了制作網站的流程與步驟，從而大大提高了學生的專業素質和就業能力。

[1] 賈珺.網頁設計與制作課程體系建設與教學實踐改革[J].現代計算機,2010,6:72-75.

[2] 紀明明.淺談“項目教學法”在網頁制作與網站設計課程教學中的應用[J].中國新技術新產品,2010,24:239.

[3] 盧新建.試談ASP動態網頁課程的教學探索[J].計算機應用教學研究,2010,10:147-159.

Research on teaching reformation of Web site design and Web page making

Zhang Yan
Southeast university, Nanjing, 210088, China

Web site design and Web page making is one of the fundamental courses for the major electronic commerce. But the teaching content and method of this course still stay in ASP Web site design and making which means the content and method of teaching are out of style. So we need to teach new content such as using Dreamweaver, Photoshop, Flash and PHP to make web site.

Web site design and Web page making; Photoshop; Flash; PHP; teaching reformation

2011-09-22

張琰，碩士，講師。