基于目標導向的Internet與網頁設計課程教學改革研究

陳明晶　金曉彤

摘要：Internet與網頁設計是一門適應面廣、實踐性強的計算機應用課程。文章介紹一種以實踐成果為導向的課程教學方法，通過合理的案例將教學內容有效組織，搭建一體化實踐平臺來發布學生的作品，并對課程考核方式進行改革，最終達到改善教學效果的目的。

關鍵詞：Internet；網頁設計；教學改革；目標導向

0 引言

在Internet廣泛應用的今天，網頁不僅僅是一種傳播信息的載體，已經成為向外界宣傳個人或單位形象、開展一系列活動的平臺，因此，網頁設計已不單單是各種素材的簡單拼湊，更應該是一種融入某種思想的設計活動。為適應社會的需要，Internet與網頁設計在各高校已成為信息技術類專業的必修課和其他各專業的選修課。與其他程序設計類課程不同的是，該課程的核心內容較為分散，且主要技術也在不斷地發展，傳統的按知識點組織內容、案例驗證法的教學形式，無法讓學生全面了解一個網站制作的全過程，因此已不能適應新形勢的需要。針對該課程當前存在的問題，結合課程的教學目標和相關專業的培養方案，浙江財經大學信息學院Internet與網頁設計課程教學團隊就該課程的教學改革進行了積極的探索。

1 教學需求分析

1.1 課程教學內容

Internet與網頁設計課程教學以HTML和CSS為藍本，全面介紹與Web及網頁設計制作有關的知識，向學生闡明與互聯網相關的一些基本概念及Web的基本工作機制，并使學生具有解決一般網頁制作問題的能力。與此同時，通過對Web網頁制作技術、制作工具及互聯網常用工具的學習使用，使學生對于建立Web站點所涉及的相關知識有一個全面的了解。

通過該課程的學習，學生能夠掌握互聯網相關概念及一些互聯網基本工具的使用；能夠熟練地使用網頁設計軟件、HTML語言及CSS語言，了解動態網頁的工作原理，掌握Web應用環境的構建技術；了解Web站點注冊、發布、建設、管理、推廣的整個過程。通過該課程的學習，能建立一個某種功能的Web站點，并進行簡單的維護、管理工作。

1.2 在專業培養方案中的地位

課程的教學工作主要分為兩部分：面向信息類專業的必修課和面向其他專業的選修課，對于信息類專業而言，基于Web的應用與開發是專業方向中的一個重要分支。而在諸多Web技術課程中，Internet與網頁設計課程無疑是其他課程的基礎，也是學生最早接觸的，因此，作為Web技術的基礎和主框架，課程的教學效果直接影響著后續課程。對于其他專業，Web對專業發展的影響也不可忽視，掌握網頁設計知識也是勢在必行。

1.3 課程能力需求

課程涉及多方面知識和技術。對于不同專業而言，學生需要掌握不同的重點，以便與本專業的知識體系相結合，形成一定的職業技能。主要專業對課程的能力需求見表1。

基于以上分析，課程在教學內容、方法以及考核方式上都進行了改革，以滿足不同專業、不同層次的需求。

2 教學改革總體思路

課程的教學要確立以練帶學、先模仿后創新的基本思路，少理論多實踐、靈活控制教學進度。每個知識點要給學生留足探索的空間，以提高學生的理解和自學能力；采用過程控制代替結果控制，既能讓學生體驗網頁設計的全程，又能有效防止期末突擊、作業抄襲等不合理現象；通過課程的開放式平臺，將學生的課程設計作業發布在Internet上，并設置好評度和訪問量排行榜，以提高學生的參與積極性，并從學習和實踐中找到成就感；將網站創新作為課程評價的重要指標，培養學生的獨立創新意識；利用一體化實踐平臺，將課程的案例和課程設計作品與后續課程對接，幫助學生完成一系列Web開發技術的積累，同時意識到網頁設計在Web開發中的基礎作用。

3 教學內容改革

3.1 教學環節設計

現代社會對網頁需求的變化促使網頁設計已成為一門由設計與計算機技術組成的交叉學科。傳統的教學內容按照網頁設計相關語言（HTML、CSS和JavaScript等）的知識點進行組織，并且通過在網頁制作軟件中操作來進行講解，導致各個知識點分散，忽略了貫穿全局的線索。因此，課程對教學內容和教學環節進行全新的設計，在順利導入課程內容之后，進行網站規劃和頁面效果設計，以此為藍圖構建網站框架，并在后續的學習中不斷完善網站功能，最終形成完整的作品。課程具體教學環節設計見表2。

3.2 教學案例設計

在不同的教學階段，采用不同案例進行教學。

（1）導入階段以個人簡介網頁為例，采用表格布局，使用設計視圖進行網頁設計，注重Dreamweaver菜單和面板的操作，強調網站視覺的整體性，不關注HTML和CSS代碼的規范性。學生也可以模板教學案例完成階段作品，目的是讓學生快速掌握Dreamweaver的操作并且通過階段成果找到成就感。

（2）設計階段以企業網站為例，采用時下流行的DIV+CSS布局，盡量使用代碼視圖進行網頁設計，強調代碼的規范性和兼容性，同時也要求作品有一定的創新性，體現出網站特有的設計思路，提高網站的質量。

4 教學手段和方法改革

4.1 教學實踐平臺

課程的教學實踐平臺依托學校網絡資源，面向全校學生提供課程教學資源、在線教程、交流論壇及相關信息。平臺主要分為兩部分：課程網站和學生個人主頁空間。

1）課程網站。

課程網站是以本課程教學資源為中心的網站系統，在線展示所有教學內容和操作手冊，幫助學生自學，同時還提供大量的相關學習材料、視頻資料等外部資源，以及課程內容討論區，為有興趣深入學習的學生創造更多的發展空間。主要功能模塊如圖1所示。

2）學生個人主頁空間。

平臺以教學班為單位，為學生提供個人主頁空間，學生只要將最終的課程設計網站源代碼上傳到服務器，即可在線預覽。系統也會將每個班級的優秀作品滾動展示在課程平臺首頁。endprint