《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)

課程代碼：            建議課時(shí)數(shù)：90     學(xué)分：6

適用專業(yè)：計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)

先修課程：《圖形圖像處理》、《動畫設(shè)計(jì)與制作》、《高級語言一》、《數(shù)據(jù)庫技術(shù)》、《網(wǎng)頁美工》

后續(xù)課程：《WEB應(yīng)用開發(fā)》

一、前言

1.課程的性質(zhì)

該課程是中高職計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的一門網(wǎng)站建設(shè)與維護(hù)模塊專業(yè)方向課程。

其任務(wù)是：以目前最常用的網(wǎng)頁制作工具Dreamweaver為學(xué)習(xí)對象，通過本課程的學(xué)習(xí)，要求學(xué)生掌握網(wǎng)頁設(shè)計(jì)的基本概念，了解HTML語言，能夠設(shè)計(jì)制作出常見的靜態(tài)網(wǎng)頁，了解動態(tài)網(wǎng)頁設(shè)計(jì)方法，初步掌握動態(tài)網(wǎng)頁的設(shè)計(jì)。同時(shí)通過本課程的學(xué)習(xí)，提高學(xué)生的操作技能，培養(yǎng)學(xué)生踏實(shí)認(rèn)真、精益求精、團(tuán)結(jié)合作、創(chuàng)新的精神，培養(yǎng)良好的職業(yè)道德。通過本課程與先修課程和后續(xù)課程的學(xué)習(xí)，其任務(wù)是使學(xué)生能夠勝任網(wǎng)站開發(fā)和維護(hù)工作崗位, 學(xué)生能夠獨(dú)立制作中小型的網(wǎng)站。

2.設(shè)計(jì)思路

按照“以能力為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體的模塊化專業(yè)課程體系”的總體設(shè)計(jì)要求，將網(wǎng)頁設(shè)計(jì)職業(yè)崗位能力中用到的知識點(diǎn)融合在各個(gè)項(xiàng)目中,學(xué)生通過各項(xiàng)目的系列練習(xí)操作，熟練地掌握崗位所需知識和技能，并不斷強(qiáng)化，項(xiàng)目體現(xiàn)操作能力和解決問題能力的培養(yǎng)。它體現(xiàn)了職業(yè)教育“以就業(yè)為導(dǎo)向，以能力為本位”、“做中學(xué)”的職業(yè)教育理念。

《網(wǎng)頁設(shè)計(jì)與制作》課程共分為八個(gè)基礎(chǔ)知識項(xiàng)目和兩個(gè)綜合訓(xùn)練項(xiàng)目，它們分別是：網(wǎng)頁基礎(chǔ)知識、制作圖文并茂的網(wǎng)頁（文本、圖像、超鏈接）、頁面布局設(shè)計(jì)（表格、層、框架）、CSS樣式設(shè)計(jì)、表單的應(yīng)用、使用行為實(shí)現(xiàn)網(wǎng)頁特效、模板和庫、站點(diǎn)測試與發(fā)布。各項(xiàng)目之間既獨(dú)立又相互聯(lián)系：作為項(xiàng)目是獨(dú)立的，但作為項(xiàng)目當(dāng)中應(yīng)用到的知識點(diǎn)，各項(xiàng)目之間又是有關(guān)聯(lián)的。在不同的項(xiàng)目之間有些知識點(diǎn)的應(yīng)用是不斷重復(fù)的，以強(qiáng)化學(xué)生對知識點(diǎn)的理解，也讓學(xué)生能夠接觸到大量的不同類型網(wǎng)頁的制作。當(dāng)然，每個(gè)項(xiàng)目的側(cè)重點(diǎn)是不同的，教學(xué)中應(yīng)當(dāng)注意處理好各項(xiàng)目之間的關(guān)系，注意重、難點(diǎn)的把握。兩個(gè)綜合訓(xùn)練項(xiàng)目是為了讓學(xué)生學(xué)會綜合運(yùn)用所學(xué)知識,鞏固提高網(wǎng)頁設(shè)計(jì)的各種知識，制作出具有特色的網(wǎng)站。

課程框架結(jié)構(gòu)、學(xué)分和學(xué)時(shí)分配

二、課程目標(biāo)

（一）總體目標(biāo)：使學(xué)生掌握Dreamweaver cs3網(wǎng)頁制作工具，熟練運(yùn)用多種網(wǎng)頁設(shè)計(jì)技術(shù)，具備網(wǎng)頁設(shè)計(jì)、制作及站點(diǎn)管理的基本知識和基本技能，學(xué)生能夠獨(dú)立制作中小型的網(wǎng)站。

（二）具體目標(biāo)：

知識目標(biāo)：

1. 了解WWW、HTTP、HTML、CSS的概念和作用；

2. 理解服務(wù)器、客戶端、瀏覽器的概念和作用；

3. 理解HTML語言中的常見標(biāo)記及其作用；

4. 熟練掌握DreamWeaver的基本操作方法；

5. 理解表格、框架、層的作用，掌握設(shè)置其屬性的方法；

6. 理解CSS樣式表的作用和意義，掌握定義CSS樣式的方法；

7. 理解表單的作用，掌握設(shè)置表單元素屬性的方法；

8. 理解行為的作用，掌握設(shè)置行為的方法，了解簡單JAVAScript代碼的含義；

9. 理解模板和庫文件的作用；

技能目標(biāo)：

1. 會使用Dreamweaver網(wǎng)頁設(shè)計(jì)工具制作網(wǎng)頁；

2. 會根據(jù)需要修改HTML語言中的標(biāo)記，設(shè)置相關(guān)標(biāo)記的屬性；

3. 能夠熟悉進(jìn)行網(wǎng)頁文本、圖像、超鏈接、表格操作，并按要求設(shè)置其屬性；

4. 能夠熟練運(yùn)用表格、層、框架等進(jìn)行網(wǎng)頁布局；

5. 熟練掌握CSS樣式的定義和修改，并能根據(jù)實(shí)際需要進(jìn)行CSS樣式的定義和應(yīng)用；

6. 熟練掌握表單制作方法，能夠根據(jù)要求進(jìn)行表單的設(shè)計(jì)；

7. 能夠在網(wǎng)頁中根據(jù)要求設(shè)置行為；

8. 熟練掌握模板設(shè)計(jì)方法，能夠根據(jù)實(shí)際需要進(jìn)行模板設(shè)計(jì)，并能使用模板生成相應(yīng)的網(wǎng)頁；

9.掌握庫文件的基本操作方法，會使用庫文件簡化網(wǎng)頁設(shè)計(jì)；

10. 能夠?qū)φ军c(diǎn)進(jìn)行測試與發(fā)布;

素質(zhì)目標(biāo)：

1. 具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的學(xué)習(xí)作風(fēng)；

2. 具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)；

3. 具有責(zé)任心和良好的團(tuán)隊(duì)合作精神；

4. 具有一定的科學(xué)思維方式和判斷分析問題的能力；

三、課程內(nèi)容和要求

四、實(shí)施建議

（一）教學(xué)建議

從《網(wǎng)頁設(shè)計(jì)與制作》的實(shí)際問題出發(fā)，精心準(zhǔn)備各種典型案例，構(gòu)建課程的宏觀教學(xué)設(shè)計(jì)。例如，公司網(wǎng)站、班級網(wǎng)站、個(gè)人網(wǎng)站精選、課程網(wǎng)站等。以若干個(gè)案例為載體，形成循序漸進(jìn)、種類多樣的項(xiàng)目群，構(gòu)建完整的教學(xué)設(shè)計(jì)布局。

1、教學(xué)采用“四階段教學(xué)法”，將“案例引入、自主學(xué)習(xí)、總結(jié)提高、學(xué)以致用”融為一體。

教學(xué)體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主線”的原則，課堂上可以采用“四階段教學(xué)法”：

第1個(gè)階段，案例引入，提出問題。

通過案例演示，提出問題，給出知識點(diǎn)，講解案例應(yīng)用背景，給學(xué)生一個(gè)切入點(diǎn)，建立感性認(rèn)識。目的是激發(fā)學(xué)生的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。

第2個(gè)階段，學(xué)生自主學(xué)習(xí)，嘗試解決問題。

充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源，引導(dǎo)學(xué)生自主學(xué)習(xí)，找到解決問題的方法和操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識和學(xué)習(xí)方法。學(xué)生在學(xué)習(xí)和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識和操作技能。

第3個(gè)階段，歸納總結(jié)，引申提高。

在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對本次課的實(shí)際意義、重點(diǎn)、難點(diǎn)、容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對案例的不足之處，進(jìn)行引申和提高。注意在這個(gè)階段，強(qiáng)調(diào)的是“引導(dǎo)”學(xué)生，而不是老師講解。

第4個(gè)階段，舉一反三、學(xué)以致用。

案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、舉一反三、觸類旁通，每次教學(xué)結(jié)束時(shí)及時(shí)布置相關(guān)的課后練習(xí)，使學(xué)生在課后進(jìn)一步復(fù)習(xí)鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時(shí)給出下一次課的學(xué)習(xí)內(nèi)容，提示學(xué)生預(yù)習(xí)。

2、充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果

教學(xué)中根據(jù)實(shí)際需要可以采用電子演示文稿、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動活潑、引人入勝，提高教學(xué)效果，同時(shí)提高教學(xué)效率。包括：

（1）利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問題（需要提示的重點(diǎn)）通過“廣播教學(xué)”，邊講邊演示，使學(xué)生即時(shí)看到操作效果。

（2）利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外，學(xué)生根據(jù)需要通過網(wǎng)絡(luò)學(xué)習(xí)有關(guān)的內(nèi)容。教師的課件和教學(xué)用資料都已上傳到教學(xué)課程網(wǎng)站，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。

（二）教學(xué)評價(jià)

對學(xué)生的評價(jià)不僅重視終結(jié)性的評價(jià)，更要重視過程性的評價(jià)，將過程性的評價(jià)和目標(biāo)評價(jià)相結(jié)合。

本課程的考核成績以操作技能成績?yōu)橹?，采用上機(jī)考試。平時(shí)上課的上機(jī)操作技能成績應(yīng)有嚴(yán)格的記錄，根據(jù)各種項(xiàng)目訓(xùn)練的要求來計(jì)算成績。

最終課程成績由“平時(shí)成績（占60%），期末考試成績（占40%）”組成。

（三）教學(xué)基本條件

教師要求：專業(yè)雙師型教師，最好具備網(wǎng)站開發(fā)經(jīng)驗(yàn)

機(jī)房要求：每人一臺計(jì)算機(jī)、能夠上網(wǎng)、安裝了DreamWeaver CS3

（四）教材選用與編寫

(1)主要教材：

《Dreamweaver  cs3網(wǎng)頁制作案例應(yīng)用》蔡薇主編 出版社：《高等教育出版社》  版  本：2012年5月  第二版

     參考資料：

《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作》主編：陳源等 地質(zhì)出版社

《Dreamweaver cs3網(wǎng)站建設(shè)與網(wǎng)頁制作案例指導(dǎo)》電子工業(yè)出版社徐武等編著

《Dreamweaver動態(tài)網(wǎng)站建設(shè)全程實(shí)錄》，科學(xué)出版社張建立編著

本門課程與Flash動畫、PhotoShop圖像處理、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)課程有著密切的聯(lián)系，它是上述課程所學(xué)知識的綜合應(yīng)用，需要多本教材的支撐，有條件、有師資的學(xué)校建議自己編寫一本綜合教材,利用本課程技術(shù)開發(fā)課程教學(xué)網(wǎng)站。

（五）課程資源的開發(fā)與利用

（2）網(wǎng)上資源

HTML語言學(xué)習(xí)資源:http://www.w3school.com.cn/index.html

天極網(wǎng)站網(wǎng)頁設(shè)計(jì)資源: http://homepage.yesky.com/

六、其它說明

1．本課程標(biāo)準(zhǔn)的制定依據(jù)是江蘇聯(lián)合職業(yè)技術(shù)學(xué)院2013年修訂的《計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)人才培養(yǎng)方案》(2013稿),在該方案中已經(jīng)先期開設(shè)了《圖形圖像處理》、《動畫設(shè)計(jì)與制作》、《網(wǎng)頁美工》課程，因此本課程標(biāo)準(zhǔn)中未包含相關(guān)內(nèi)容。

2．本課程標(biāo)準(zhǔn)中的項(xiàng)目九和項(xiàng)目十可作為選修內(nèi)容，各?？筛鶕?jù)課時(shí)安排和師資情況等具體情況做適當(dāng)調(diào)整增減。

3．本課程標(biāo)準(zhǔn)中的教學(xué)項(xiàng)目任課教師可根據(jù)自己的項(xiàng)目特長等具體情況做適當(dāng)調(diào)整,但應(yīng)涵蓋相應(yīng)的知識要點(diǎn)和技能要點(diǎn)。

4.本課程完成后可參加CIW的網(wǎng)頁制作專家認(rèn)證考試或國家信息產(chǎn)業(yè)部的CEAC網(wǎng)頁設(shè)計(jì)師認(rèn)證考試,獲得相應(yīng)職業(yè)資格考證。