網(wǎng)頁設(shè)計(jì)課程標(biāo)準(zhǔn)36151

網(wǎng)頁設(shè)計(jì)課程標(biāo)準(zhǔn)36151網(wǎng)頁設(shè)計(jì)課程標(biāo)準(zhǔn)36151網(wǎng)頁設(shè)計(jì)課程標(biāo)準(zhǔn)36151V:1.0精細(xì)整理，僅供參考網(wǎng)頁設(shè)計(jì)課程標(biāo)準(zhǔn)36151日期：20xx年X月《新聞網(wǎng)頁設(shè)計(jì)》課程標(biāo)準(zhǔn)一、課程性質(zhì)與任務(wù)（一）課程性質(zhì)本課程是2016級(jí)藝術(shù)系新聞專業(yè)的一門專業(yè)課程。通過本課程的學(xué)習(xí)，要求學(xué)生掌握新聞網(wǎng)頁設(shè)計(jì)的基本概念，學(xué)會(huì)使用常用的網(wǎng)頁設(shè)計(jì)工具和常用腳本語言，能夠設(shè)計(jì)制作常見的新聞頁面，包括靜態(tài)和動(dòng)態(tài)網(wǎng)頁，具備網(wǎng)站的建立和維護(hù)能力。同時(shí)通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的綜合職業(yè)能力、創(chuàng)新精神和良好的職業(yè)道德。（二）課程主要任務(wù)本課程的設(shè)計(jì)“以能力為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體”，整個(gè)《網(wǎng)頁設(shè)計(jì)與制作》課程共分為五大模塊，它們分別是：新聞網(wǎng)頁基礎(chǔ)知識(shí)、DreamWeaver的使用、HTML語言、JavaScript腳本語言。教學(xué)時(shí)各模塊既有獨(dú)立性，又有關(guān)聯(lián)性。獨(dú)立性是指各模塊設(shè)計(jì)案例、組織教學(xué)、突出重點(diǎn)時(shí)應(yīng)該相互獨(dú)立，學(xué)生應(yīng)該一個(gè)模塊一個(gè)模塊地掌握其知識(shí)點(diǎn)；關(guān)聯(lián)性是指各模塊間存在相互關(guān)系，在重難點(diǎn)設(shè)計(jì)上應(yīng)該加以配合，如HTML語言模塊著重基本代碼的熟記和編寫，對(duì)于較難編寫代碼的“框架”、“層”、“數(shù)據(jù)鏈接”等內(nèi)容則放到DreamWeaver的使用模塊中重點(diǎn)介紹。（三）與相關(guān)課程的關(guān)系《網(wǎng)頁設(shè)計(jì)與制作》課程與計(jì)算機(jī)基礎(chǔ)、Flash動(dòng)畫、PhotoShop圖像處理、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫等課程互相聯(lián)系、互相補(bǔ)充。本課程作為新聞專業(yè)的一門技術(shù)專業(yè)課程，一般在3年級(jí)開設(shè)，此時(shí)學(xué)生已經(jīng)具備一定的新聞基礎(chǔ)知識(shí)和多媒體操作的動(dòng)手能力，能較快地掌握網(wǎng)頁設(shè)計(jì)的各種知識(shí)，并運(yùn)用所學(xué)知識(shí)做出具有特色的網(wǎng)站，使學(xué)生能夠得到全面的培養(yǎng)，成為社會(huì)所需專用人才。二、課程目標(biāo)總目標(biāo)：使學(xué)生掌握常用的網(wǎng)頁設(shè)計(jì)工具，熟練運(yùn)用多種網(wǎng)頁設(shè)計(jì)技術(shù)，具備Web網(wǎng)頁設(shè)計(jì)、制作及站點(diǎn)管理的基本知識(shí)和基本技能，學(xué)生能夠獨(dú)立制作中小型的網(wǎng)站。能力目標(biāo)：1.會(huì)使用Dreamweaver網(wǎng)頁設(shè)計(jì)工具制作網(wǎng)頁；2.理解HTML語言中的標(biāo)記設(shè)置顏色、文本格式和列表；3.熟練掌握顏色值的配置和背景圖案的設(shè)置方法，熟練掌握字符、鏈接顏色的設(shè)置方法；4.熟練掌握網(wǎng)頁設(shè)計(jì)中字符格式的設(shè)置方法，段落分段與換行的方法；5.掌握HTML的語法結(jié)構(gòu)，掌握HTML語言中標(biāo)記的使用方法；6.掌握在網(wǎng)頁中添加CSS的方法。掌握三種添加樣式信息的方法，會(huì)使用CSS設(shè)置網(wǎng)頁格式和列表的格式；7.掌握在網(wǎng)頁中嵌入圖像的方法，掌握與嵌入圖像相關(guān)標(biāo)記的用法；8.掌握與圖像布局和位置相關(guān)的標(biāo)記的概念和用法；9.熟練掌握使用絕對(duì)和相對(duì)URL，創(chuàng)建超鏈接、圖像鏈接；學(xué)會(huì)圖像映射的建立方法；10.熟練掌握表格的使用方法，會(huì)用表格布局并設(shè)計(jì)網(wǎng)頁；11.掌握框架制作網(wǎng)頁的方法，會(huì)使用框架設(shè)計(jì)網(wǎng)頁；12.掌握制作表單的方法，會(huì)利用表單建立交互式頁面；13.掌握J(rèn)avaScript語言的語法；14.學(xué)會(huì)使用JavaScript語言實(shí)現(xiàn)網(wǎng)頁特效。（二）知識(shí)目標(biāo)：1.了解WWW、HTTP、HTML、CSS的定義、概念和作用；2.理解服務(wù)器、客戶端、瀏覽器的概念和作用；3.理解HTML語言中的各種文本格式、字符格式、段落設(shè)置、列表、標(biāo)記的作用；4.熟練操作DreamWeaver；5.理解CSS樣式表的作用和意義；6.深入理解HTML語言的各種功能和應(yīng)用；7.深入理解表格、框架、表單的作用；8.深入理解層的作用；9.初步了解面向?qū)ο蟪绦蛟O(shè)計(jì)思想。（三）素質(zhì)目標(biāo)：1.具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；2.具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)；3.具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神；4.具有一定的科學(xué)思維方式和判斷分析問題的能力；5.具有較強(qiáng)的網(wǎng)頁設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。三、參考學(xué)時(shí)及學(xué)分課程框架結(jié)構(gòu)、學(xué)分和學(xué)時(shí)分配、對(duì)學(xué)生選課的建議課程名稱學(xué)時(shí)學(xué)分備注1．網(wǎng)頁設(shè)計(jì)基礎(chǔ)42．DreamWeaver的使用183．HTML語言、CSS樣式54．綜合作業(yè)5合計(jì)32四、教學(xué)設(shè)計(jì)序號(hào)章節(jié)/項(xiàng)目教學(xué)內(nèi)容與教學(xué)要求教學(xué)設(shè)計(jì)建議參考課時(shí)1網(wǎng)頁設(shè)計(jì)的基本概念，Dreamweaver簡介。網(wǎng)頁設(shè)計(jì)的基本理念，網(wǎng)頁元素，網(wǎng)頁設(shè)計(jì)常用工具，網(wǎng)站風(fēng)格，網(wǎng)頁色彩搭配，Dreamweaver工作界面，建立和管理站點(diǎn)。形象直觀簡明扼要42中文版Dreamweaver的基礎(chǔ)知識(shí)，Dreamweaver的基本操作，制作與修飾網(wǎng)頁，網(wǎng)頁特殊效果設(shè)計(jì)，發(fā)布和管理網(wǎng)站。技能點(diǎn)：（1）制作與修飾網(wǎng)頁：字體操作，段落操作，列表操作，背景操作，插入水平線，圖像操作（插入圖像、設(shè)置圖像屬性、保存包含圖像的網(wǎng)頁），超級(jí)鏈接（文本超鏈接的建立和設(shè)置、圖像超鏈接、熱點(diǎn)區(qū)域、書簽），表格（表格的基本組成、建立和編輯表格、表格的屬性設(shè)置），圖像和多媒體的使用，使用框架結(jié)構(gòu)（創(chuàng)建框架網(wǎng)頁、更改框架鏈接的網(wǎng)頁、框架屬性設(shè)置），導(dǎo)航的使用，模板和向?qū)У氖褂茫瑯邮奖淼膽?yīng)用；（2）表單（創(chuàng)建表單、插入表單元素、表單屬性）；（3）網(wǎng)頁特殊效果設(shè)計(jì)：網(wǎng)頁動(dòng)態(tài)元素，網(wǎng)頁動(dòng)畫效果，各種行為的運(yùn)用，網(wǎng)頁主題；（4）發(fā)布和管理網(wǎng)站：網(wǎng)站的發(fā)布，管理網(wǎng)站。重點(diǎn)：網(wǎng)頁的基本組成元素，網(wǎng)頁的制作與修飾，超級(jí)鏈接的使用。任務(wù)驅(qū)動(dòng)項(xiàng)目化教學(xué)183WWW、HTTP、HTML、CSS的定義、概念和作用；Dreamweaver中CSS的定義和使用。知識(shí)點(diǎn)：WWW、HTTP、HTML、CSS的定義、概念和作用；HTML語言中的各種文本格式、字符格式、段落設(shè)置、列表、表格標(biāo)記的作用；CSS樣式表；鏈接和創(chuàng)建樣式表；CSS樣式的屬性設(shè)置；樣式表的運(yùn)用舉例。技能點(diǎn)：（1）在Dreamweaver中查看網(wǎng)頁文件的HTML代碼；（2）在設(shè)計(jì)視圖中修改HTML代碼；（3）學(xué)會(huì)使用標(biāo)簽選擇器；（4）使用CSS樣式表重點(diǎn)：理解HTML語言中的各種文本格式、字符格式、段落設(shè)置、列表、標(biāo)記的作用；CSS樣式表的使用。難點(diǎn)：創(chuàng)建樣式和使用CSS樣式表。任務(wù)驅(qū)動(dòng)項(xiàng)目化教學(xué)54綜合作業(yè)5五、教學(xué)建議（一）教學(xué)模式：教學(xué)采用“四階段教學(xué)法”，將“教、學(xué)、練、做”融為一體。教學(xué)體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主線”的原則，課堂上可以采用“四階段教學(xué)法”：

第1個(gè)階段，案例引入，提出問題。通過案例演示，提出問題，給出知識(shí)點(diǎn)，講解案例應(yīng)用背景，給學(xué)生一個(gè)切入點(diǎn)，建立感性認(rèn)識(shí)。目的是激發(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í)意識(shí)和學(xué)習(xí)方法。學(xué)生在學(xué)習(xí)和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識(shí)和操作技能。

第3個(gè)階段，歸納總結(jié)，引申提高。在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對(duì)本次課的實(shí)際意義、重點(diǎn)、難點(diǎn)、容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對(duì)案例的不足之處，進(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í)。（二）教學(xué)方法：充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果。教學(xué)中采用電子演示文稿、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動(dòng)活潑、引人入勝，提高了教學(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é)資源下載中心，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。從《網(wǎng)頁設(shè)計(jì)與制作》的實(shí)際問題出發(fā)，精心準(zhǔn)備各種典型案例，構(gòu)建課程的宏觀教學(xué)設(shè)計(jì)。例如，公司網(wǎng)站、網(wǎng)上鮮花直銷、個(gè)人網(wǎng)站精選、書籍專賣等。以若干個(gè)案例為載體，形成循序漸進(jìn)、種類多樣的項(xiàng)目群，構(gòu)建完整的教學(xué)設(shè)計(jì)布局。（三）評(píng)價(jià)方法：本課程的考核成績有理論基礎(chǔ)成績與技能成績兩項(xiàng)組成，都是采用上機(jī)考試。平時(shí)上機(jī)實(shí)驗(yàn)技能應(yīng)有嚴(yán)格的記錄，根據(jù)各種實(shí)驗(yàn)的要求來計(jì)算成績。最終課程成績由“平時(shí)成績（占20%），實(shí)驗(yàn)實(shí)訓(xùn)考核（占40%），期中、期末考試成績（占40%）”三個(gè)部分組成。建議以學(xué)生自己制作的網(wǎng)站的實(shí)際水平作為學(xué)生的學(xué)習(xí)本課程的成績。（四）教材編選：由于網(wǎng)頁設(shè)計(jì)與制作這一崗位需要的知識(shí)面很光，除了本課程共所包含的五大模塊外，還于Flash動(dòng)畫、PhotoShop圖像處理、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫等課程互相聯(lián)系、互相補(bǔ)充，因此僅靠一本教科書是無法達(dá)到教學(xué)目標(biāo)的，需要多本教材的支撐，有條件、有師資的學(xué)校建議自己編寫一本綜合教材。（五）教學(xué)資源：教學(xué)參考書目書目作者出版社《網(wǎng)頁制作三劍客精彩實(shí)例詳解》趙艷鐸上?？茖W(xué)普及出版社《網(wǎng)頁制作三劍客經(jīng)典實(shí)例》崔亞量電子科技大學(xué)出版社《網(wǎng)頁設(shè)計(jì)與制作》申紅雪北京理工大學(xué)出版社《ASP技術(shù)與動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》陳孟建清華大學(xué)出版社《信息高速公路與大眾傳播》明安香華夏出版社《DreamweaverMX2004標(biāo)準(zhǔn)教程》鮑嘉盧堅(jiān)海洋出版社《DreamweaverMX2004實(shí)驗(yàn)手冊(cè)》高林科學(xué)出版社《現(xiàn)代平面廣告設(shè)計(jì)---CIS企業(yè)戰(zhàn)略》伍門西安交通大學(xué)出版社《巧學(xué)巧用Dreamweaver、Fireworks、Flash制作網(wǎng)頁》施書恩，李冬梅人民郵電出版社《Dreamweaver實(shí)例教程》王艷芳電子工業(yè)出版社《網(wǎng)頁制作技術(shù)》趙豐年人民郵電出版社《中文DreamweaverMX應(yīng)用培訓(xùn)教程》李浩冶金工業(yè)出版社《動(dòng)態(tài)網(wǎng)頁編程指南》廖若雪機(jī)械工業(yè)出版社《DreamweaverMX2004標(biāo)準(zhǔn)教程》高林科學(xué)出版社《JavaScript網(wǎng)頁開發(fā)》張孝祥清華大學(xué)出版社《Dream