《網頁制作與網站建設》課程教學設計與實踐

【摘要】《網頁制作與網站建設》是一門集知識和技能于一體， 實踐性很強的課程。在這門課的教學中， 我們以學習任務為主線貫穿整個教學活動， 精心設計教學內容和與之配套的能力訓練項目， 依托真實項目的開發， 采取教學做一體化和綜合能力遷移訓練的教學模式， 既鍛煉了學生解決實際問題的能力， 又培養學生自主學習和協作學習的能力。

在教育部、信息產業部等部委制定的“計算機專業領域技能型緊缺人才培養指導方案” 中， 明確指出計算機專業的職業崗位能力中包括“靜、動態網頁制作能力”， 筆者所在學校計算機應用技術專業的課程體系中也將《網頁制作與網站建設》課程確定為培養和訓練網站建設與管理維護能力的專業課， 該課程包含一定的理論知識， 同時實踐性、技能性相當強， 無論對培養學生的創新思維、合作精神、正確的設計理念和方法、信息處理能力、解決問題能力、自我學習能力， 還是對培養網頁制作的實踐操作技能、滿足職業崗位需求， 都具有十分重要的作用。筆者結合本人的教學實踐， 將《網頁制作與網站建設》這門課程進行整體設計。

一、課程設計理念

樹立基于職業崗位工作過程， 以培養職業能力和職業素質為本位的課程觀， 貫徹我校“教精、學實、夠用、適用、能用、會用” 的教學原則， 以能力培養為主線， 推進工學結合的課程開發指導思想。

1．實施基于職業崗位工作過程的項目化課程教學， 設置課堂訓練項目和技能強化項目。

2．按照綜合能力遷移訓練模式設計能力訓練過程， 采用理論與實踐相融合的教、學、做一體化模式。

3．采用小組協作的學習方式。

4．徹底改革教學方法和考核方法， 將考核重點放在對學生學習過程和作品的考核上。

二、課程教學目標

1．總體目標

通過真實網站開發項目的教學， 使學生掌握網站開發的過程及網頁的設計制作方法， 能開發出以靜態功能為主、包含部分動態功能的中小型網站， 通過多個網站的分級開發實施， 不斷強化學生的網頁設計與制作技能， 積累網頁設計與制作經驗， 激發學生學習興趣并形成持久的學習動力， 提升學生自主學習能力， 滿足職業崗位需求。

2．能力目標

會規劃網站， 設計頁面； 會使用Dreamweaver 制作各種布局排版的靜態網頁； 會使用HTML 語言； 會使用CSS 規則處理網頁； 會處理圖像； 會安裝、配置使用IIS， 并能創建ACCESS 數據庫表和數據庫連接； 會使用服務器行為實現注冊、登錄、信息添加及顯示功能； 會架設并應用后臺管理系統； 會測試、發布、推廣、維護、管理網站； 能處理網站開發過程中所遇到的常見問題； 能跟蹤網頁制作領域新技術的發展并能閱讀HTML 語言中的專業詞匯。

3．知識目標

了解網站開發的過程以及網站規劃， 頁面設計要求；理解網頁的各種布局概念和Web 標準； 了解常見的網頁元素并理解其HTML 代碼； 掌握CSS 規則的常用屬性； 掌握超鏈接的類型和各種路徑的概念； 理解常見圖像格式； 了解ASP 技術和IIS； 理解ACCESS 數據庫、表、數據庫連接、記錄集、服務器行為的概念； 理解網站測試與推廣。

三、課程內容設計

通過調研與本課程相關的職業崗位， 確定本課程職業崗位主要指向是： 網頁設計與制作員、網站管理員、網頁編輯員。經分析， 這些崗位所需的知識技能涉及七個方面：

（1） 熟練掌握一種優秀的網頁制作工具；

（2） 了解網站規劃和網頁設計的基本原則和方法；

（3） 熟悉Web 標準、vbScript 語言并掌握HTML 語言、CSS 規則；

（4） 掌握網頁布局和頁面內容編排方法；

（5） 學會處理網頁圖像制作動畫；

（6） 熟悉動態頁面的設計制作和網站內容更新；（7） 熟悉網站測試、管理與維護。其中制作動畫、制作處理圖像分別由先行課程《圖像處理》、《動畫制作》完成。

根據我校計算機應用技術專業學生基礎知識薄弱， 理論知識接收能力差的實際情況， 我將教材內容進行適度整合， 以靜態網頁設計為基礎創建動態網站。在網頁制作工具的選取上， 選用優秀流行的網頁制作工具Dreamweaver。

根據網上商城網站開發過程， 《網頁制作與網站建設》課程的教學內容劃分為5 個模塊、16 個教學單元， 每個學習單元又有相對應的能力訓練項目。

四、教學模式設計

我依托網上商城網站開發這個項目， 采用教、學、做一體化教學模式， 并以綜合能力遷移訓練方式開展教學，在幫助學生掌握知識的基礎上， 培養學生的職業素質和職業技能。

1．教、學、做一體化教學模式

本課程在實訓室實施教學， 以真實項目為載體， 將知識點、技能點和技術要點穿插到項目的實施過程中分析講解， 操作示范， 使學生通過項目的開發順利掌握相應的知識和技能， 在學習和制作時， 小組中同學之間開展相互討

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