《網(wǎng)頁制作與網(wǎng)站建設(shè)》課程教學(xué)設(shè)計(jì)與實(shí)踐

【摘要】《網(wǎng)頁制作與網(wǎng)站建設(shè)》是一門集知識(shí)和技能于一體， 實(shí)踐性很強(qiáng)的課程。在這門課的教學(xué)中， 我們以學(xué)習(xí)任務(wù)為主線貫穿整個(gè)教學(xué)活動(dòng)， 精心設(shè)計(jì)教學(xué)內(nèi)容和與之配套的能力訓(xùn)練項(xiàng)目， 依托真實(shí)項(xiàng)目的開發(fā)， 采取教學(xué)做一體化和綜合能力遷移訓(xùn)練的教學(xué)模式， 既鍛煉了學(xué)生解決實(shí)際問題的能力， 又培養(yǎng)學(xué)生自主學(xué)習(xí)和協(xié)作學(xué)習(xí)的能力。

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

一、課程設(shè)計(jì)理念

樹立基于職業(yè)崗位工作過程， 以培養(yǎng)職業(yè)能力和職業(yè)素質(zhì)為本位的課程觀， 貫徹我校“教精、學(xué)實(shí)、夠用、適用、能用、會(huì)用” 的教學(xué)原則， 以能力培養(yǎng)為主線， 推進(jìn)工學(xué)結(jié)合的課程開發(fā)指導(dǎo)思想。

1．實(shí)施基于職業(yè)崗位工作過程的項(xiàng)目化課程教學(xué)， 設(shè)置課堂訓(xùn)練項(xiàng)目和技能強(qiáng)化項(xiàng)目。

2．按照綜合能力遷移訓(xùn)練模式設(shè)計(jì)能力訓(xùn)練過程， 采用理論與實(shí)踐相融合的教、學(xué)、做一體化模式。

3．采用小組協(xié)作的學(xué)習(xí)方式。

4．徹底改革教學(xué)方法和考核方法， 將考核重點(diǎn)放在對(duì)學(xué)生學(xué)習(xí)過程和作品的考核上。

二、課程教學(xué)目標(biāo)

1．總體目標(biāo)

通過真實(shí)網(wǎng)站開發(fā)項(xiàng)目的教學(xué)， 使學(xué)生掌握網(wǎng)站開發(fā)的過程及網(wǎng)頁的設(shè)計(jì)制作方法， 能開發(fā)出以靜態(tài)功能為主、包含部分動(dòng)態(tài)功能的中小型網(wǎng)站， 通過多個(gè)網(wǎng)站的分級(jí)開發(fā)實(shí)施， 不斷強(qiáng)化學(xué)生的網(wǎng)頁設(shè)計(jì)與制作技能， 積累網(wǎng)頁設(shè)計(jì)與制作經(jīng)驗(yàn)， 激發(fā)學(xué)生學(xué)習(xí)興趣并形成持久的學(xué)習(xí)動(dòng)力， 提升學(xué)生自主學(xué)習(xí)能力， 滿足職業(yè)崗位需求。

2．能力目標(biāo)

會(huì)規(guī)劃網(wǎng)站， 設(shè)計(jì)頁面； 會(huì)使用Dreamweaver 制作各種布局排版的靜態(tài)網(wǎng)頁； 會(huì)使用HTML 語言； 會(huì)使用CSS 規(guī)則處理網(wǎng)頁； 會(huì)處理圖像； 會(huì)安裝、配置使用IIS， 并能創(chuàng)建ACCESS 數(shù)據(jù)庫表和數(shù)據(jù)庫連接； 會(huì)使用服務(wù)器行為實(shí)現(xiàn)注冊(cè)、登錄、信息添加及顯示功能； 會(huì)架設(shè)并應(yīng)用后臺(tái)管理系統(tǒng)； 會(huì)測(cè)試、發(fā)布、推廣、維護(hù)、管理網(wǎng)站； 能處理網(wǎng)站開發(fā)過程中所遇到的常見問題； 能跟蹤網(wǎng)頁制作領(lǐng)域新技術(shù)的發(fā)展并能閱讀HTML 語言中的專業(yè)詞匯。

3．知識(shí)目標(biāo)

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

三、課程內(nèi)容設(shè)計(jì)

通過調(diào)研與本課程相關(guān)的職業(yè)崗位， 確定本課程職業(yè)崗位主要指向是： 網(wǎng)頁設(shè)計(jì)與制作員、網(wǎng)站管理員、網(wǎng)頁編輯員。經(jīng)分析， 這些崗位所需的知識(shí)技能涉及七個(gè)方面：

（1） 熟練掌握一種優(yōu)秀的網(wǎng)頁制作工具；

（2） 了解網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計(jì)的基本原則和方法；

（3） 熟悉Web 標(biāo)準(zhǔn)、vbScript 語言并掌握HTML 語言、CSS 規(guī)則；

（4） 掌握網(wǎng)頁布局和頁面內(nèi)容編排方法；

（5） 學(xué)會(huì)處理網(wǎng)頁圖像制作動(dòng)畫；

（6） 熟悉動(dòng)態(tài)頁面的設(shè)計(jì)制作和網(wǎng)站內(nèi)容更新；（7） 熟悉網(wǎng)站測(cè)試、管理與維護(hù)。其中制作動(dòng)畫、制作處理圖像分別由先行課程《圖像處理》、《動(dòng)畫制作》完成。

根據(jù)我校計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)學(xué)生基礎(chǔ)知識(shí)薄弱， 理論知識(shí)接收能力差的實(shí)際情況， 我將教材內(nèi)容進(jìn)行適度整合， 以靜態(tài)網(wǎng)頁設(shè)計(jì)為基礎(chǔ)創(chuàng)建動(dòng)態(tài)網(wǎng)站。在網(wǎng)頁制作工具的選取上， 選用優(yōu)秀流行的網(wǎng)頁制作工具Dreamweaver。

根據(jù)網(wǎng)上商城網(wǎng)站開發(fā)過程， 《網(wǎng)頁制作與網(wǎng)站建設(shè)》課程的教學(xué)內(nèi)容劃分為5 個(gè)模塊、16 個(gè)教學(xué)單元， 每個(gè)學(xué)習(xí)單元又有相對(duì)應(yīng)的能力訓(xùn)練項(xiàng)目。

四、教學(xué)模式設(shè)計(jì)

我依托網(wǎng)上商城網(wǎng)站開發(fā)這個(gè)項(xiàng)目， 采用教、學(xué)、做一體化教學(xué)模式， 并以綜合能力遷移訓(xùn)練方式開展教學(xué)，在幫助學(xué)生掌握知識(shí)的基礎(chǔ)上， 培養(yǎng)學(xué)生的職業(yè)素質(zhì)和職業(yè)技能。

1．教、學(xué)、做一體化教學(xué)模式

本課程在實(shí)訓(xùn)室實(shí)施教學(xué)， 以真實(shí)項(xiàng)目為載體， 將知識(shí)點(diǎn)、技能點(diǎn)和技術(shù)要點(diǎn)穿插到項(xiàng)目的實(shí)施過程中分析講解， 操作示范， 使學(xué)生通過項(xiàng)目的開發(fā)順利掌握相應(yīng)的知識(shí)和技能， 在學(xué)習(xí)和制作時(shí)， 小組中同學(xué)之間開展相互討

注：本文中所涉及到的圖表、注解、公式等內(nèi)容請(qǐng)以PDF格式閱讀原文