網(wǎng)頁設(shè)計課程標(biāo)準36151(20201002152057

1、新聞網(wǎng)頁設(shè)計課程標(biāo)準一、課程性質(zhì)與任務(wù)（一）課程性質(zhì) 本課程是 2016 級藝術(shù)系新聞專業(yè)的一門專業(yè)課程。通過本課程的學(xué)習(xí)，要求學(xué)生掌握新聞網(wǎng)頁 設(shè)計的基本概念， 學(xué)會使用常用的網(wǎng)頁設(shè)計工具和常用腳本語言， 能夠設(shè)計制作常見的新聞頁面， 包括靜態(tài)和動態(tài)網(wǎng)頁， 具備網(wǎng)站的建立和維護能力。 同時通過本課程的學(xué)習(xí)， 培養(yǎng)學(xué)生的綜合職 業(yè)能力、創(chuàng)新精神和良好的職業(yè)道德。（二）課程主要任務(wù) 本課程的設(shè)計“以能力為本位、以職業(yè)實踐為主線、以項目課程為主體”，整個網(wǎng)頁設(shè)計與制 作課程共分為五大模塊， 它們分別是： 新聞網(wǎng)頁基礎(chǔ)知識、 DreamWeaver 的使用、 HTML 語言、 JavaScript

2、腳本語言。教學(xué)時各模塊既有獨立性，又有關(guān)聯(lián)性。獨立性是指各模塊設(shè)計案例、組 織教學(xué)、 突出重點時應(yīng)該相互獨立， 學(xué)生應(yīng)該一個模塊一個模塊地掌握其知識點； 關(guān)聯(lián)性是指各 模塊間存在相互關(guān)系， 在重難點設(shè)計上應(yīng)該加以配合， 如 HTML 語言模塊著重基本代碼的熟記和 編寫，對于較難編寫代碼的“框架”、“層”、“數(shù)據(jù)鏈接”等內(nèi)容則放到 DreamWeaver 的使 用模塊中重點介紹。（三）與相關(guān)課程的關(guān)系 網(wǎng)頁設(shè)計與制作課程與計算機基礎(chǔ)、 Flash 動畫、 PhotoShop 圖像處理、計算機網(wǎng)絡(luò)技術(shù)、 數(shù)據(jù)庫等課程互相聯(lián)系、 互相補充。 本課程作為新聞專業(yè)的一門技術(shù)專業(yè)課程， 一般在 3 年級開

3、 設(shè)，此時學(xué)生已經(jīng)具備一定的新聞基礎(chǔ)知識和多媒體操作的動手能力， 能較快地掌握網(wǎng)頁設(shè)計的 各種知識， 并運用所學(xué)知識做出具有特色的網(wǎng)站， 使學(xué)生能夠得到全面的培養(yǎng)， 成為社會所需專 用人才。二、課程目標(biāo) 總目標(biāo)：使學(xué)生掌握常用的網(wǎng)頁設(shè)計工具，熟練運用多種網(wǎng)頁設(shè)計技術(shù)，具備 Web 網(wǎng)頁設(shè)計、 制作及站點管理的基本知識和基本技能，學(xué)生能夠獨立制作中小型的網(wǎng)站。能力目標(biāo) ：1. 會使用 Dreamweaver 網(wǎng)頁設(shè)計工具制作網(wǎng)頁；2. 理解 HTML 語言中的標(biāo)記設(shè)置顏色、文本格式和列表；3. 熟練掌握顏色值的配置和背景圖案的設(shè)置方法，熟練掌握字符、鏈接顏色的設(shè)置方法；4. 熟練掌握網(wǎng)頁設(shè)計中字

4、符格式的設(shè)置方法，段落分段與換行的方法；5. 掌握 HTML 的語法結(jié)構(gòu)，掌握 HTML 語言中標(biāo)記的使用方法；6. 掌握在網(wǎng)頁中添加 CSS的方法。掌握三種添加樣式信息的方法，會使用CSS設(shè)置網(wǎng)頁格式和列表的格式；7. 掌握在網(wǎng)頁中嵌入圖像的方法，掌握與嵌入圖像相關(guān)標(biāo)記的用法；8. 掌握與圖像布局和位置相關(guān)的標(biāo)記的概念和用法；9. 熟練掌握使用絕對和相對 URL,創(chuàng)建超鏈接、圖像鏈接；學(xué)會圖像映射的建立方法；10. 熟練掌握表格的使用方法，會用表格布局并設(shè)計網(wǎng)頁；11. 掌握框架制作網(wǎng)頁的方法，會使用框架設(shè)計網(wǎng)頁；12. 掌握制作表單的方法，會利用表單建立交互式頁面；13. 掌握 JavaS

5、cript 語言的語法；14. 學(xué)會使用 JavaScript 語言實現(xiàn)網(wǎng)頁特效。（二） 知識目標(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è)計思想。（三）素質(zhì)目標(biāo)：1. 具有勤奮學(xué)習(xí)的態(tài)度，嚴謹求實、創(chuàng)新的工作作風(fēng)；2. 具有良好的心理

6、素質(zhì)和職業(yè)道德素質(zhì)；3. 具有高度責(zé)任心和良好的團隊合作精神；4. 具有一定的科學(xué)思維方式和判斷分析問題的能力；5. 具有較強的網(wǎng)頁設(shè)計創(chuàng)意思維、藝術(shù)設(shè)計素質(zhì)。三、參考學(xué)時及學(xué)分課程框架結(jié)構(gòu)、學(xué)分和學(xué)時分配、對學(xué)生選課的建議課程名稱學(xué)時學(xué)分備注1.網(wǎng)頁設(shè)計基礎(chǔ)42. DreamWeaver 的使用183. HTML語言、CSS樣式54 綜合作業(yè)5合計32四、教學(xué)設(shè)計序號早節(jié)/項目教學(xué)內(nèi)容與教學(xué)要求教學(xué)設(shè)計建議參考課時1網(wǎng)頁設(shè)計的基本 概念，Dreamweaver 簡 介。網(wǎng)頁設(shè)計的基本理念，網(wǎng)頁元素， 網(wǎng)頁設(shè)計常用工具，網(wǎng)站風(fēng)格，網(wǎng)頁色彩搭配，Dreamweaver工作界 面，建立和管理站點。

7、形象直觀簡明扼要4序號早節(jié)/項目教學(xué)內(nèi)容與教學(xué)要求教學(xué)設(shè)計建議參考課時2中文版Dreamweaver 的基 礎(chǔ)知 識， Dreamweaver 的基 本操作，制作與修 飾網(wǎng)頁，網(wǎng)頁特殊 效果設(shè)計，發(fā)布和 管理網(wǎng)站。技能點：（1）制作與修飾網(wǎng)頁： 字體操作，段落操作，列表操作， 背景操作，插入水平線，圖像操作（插入圖像、設(shè)置圖像屬性、保存 包含圖像的網(wǎng)頁），超級鏈接（文 本超鏈接的建立和設(shè)置、圖像超鏈 接、熱點區(qū)域、書簽），表格（表 格的基本組成、建立和編輯表格、 表格的屬性設(shè)置），圖像和多媒體 的使用，使用框架結(jié)構(gòu)（創(chuàng)建框架 網(wǎng)頁、更改框架鏈接的網(wǎng)頁、框架 屬性設(shè)置），導(dǎo)航的使用，模板和 向?qū)?/p>

8、的使用，樣式表的應(yīng)用；（2）表單（創(chuàng)建表單、插入表單元素、 表單屬性）；（3）網(wǎng)頁特殊效果 設(shè)計：網(wǎng)頁動態(tài)元素，網(wǎng)頁動畫效 果，各種行為的運用，網(wǎng)頁主題；（4）發(fā)布和管理網(wǎng)站：網(wǎng)站的發(fā) 布，管理網(wǎng)站。重 點：網(wǎng)頁的基本組成元素，網(wǎng) 頁的制作與修飾，超級鏈接的使 用。任務(wù)驅(qū)動 項目化教學(xué)183WWW、 HTTP、 HTML、CSS的定義、 概念和作用；Dreamweaver 中CSS的定義和使 用。矢知識點：WWW、HTTP、HTML、CSS 的定義、概念和作用；HTML語言 中的各種文本格式、字符格式、段 落設(shè)置、列表、表格標(biāo)記的作用； CSS樣式表；鏈接和創(chuàng)建樣式表； CSS樣式的屬性設(shè)置；

9、樣式表的運 用舉例。技能點：（1 ）在 Dreamweaver中 查看網(wǎng)頁文件的 HTML代碼；（2） 在設(shè)計視圖中修改 HTML代碼；（3） 學(xué)會使用標(biāo)簽選擇器；（4）使用 CSS樣式表重 點：理解HTML語言中的各種 文本格式、字符格式、段落設(shè)置、 列表、標(biāo)記的作用；CSS樣式表的使用。難 點：創(chuàng)建樣式和使用 CSS樣式 表。任務(wù)驅(qū)動 項目化教學(xué)54綜合作業(yè)5五、教學(xué)建議（一）教學(xué)模式：教學(xué)采用 “四階段教學(xué)法 ”，將 “教、學(xué)、練、做 ”融為一體。教學(xué)體現(xiàn) “教師為主導(dǎo)，學(xué)生為主體， 訓(xùn)練為主線 ”的原則，課堂上可以采用 “四階段教學(xué)法 ”：第 1 個階段，案例引入，提出問題。通過案例演

10、示， 提出問題， 給出知識點， 講解案例應(yīng)用背景， 給學(xué)生一個切入點， 建立感性認識。 目的是激發(fā)學(xué)生的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。第 2 個階段，學(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 個階段，歸納總結(jié)，引申提高。 在每次課結(jié)束前，引導(dǎo)學(xué)生進行歸納總結(jié)。對本次課的實際意義、重點、難點、容易出錯處等及 時進行總結(jié)。 并針對案例的不足之處， 進行引申和提

11、高。 注意在這個階段， 強調(diào)的是 “引導(dǎo) ”學(xué)生， 而不是老師講解。第 4 個階段，舉一反三、學(xué)以致用。 案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、舉一反三、觸類旁通，每次教學(xué)結(jié) 束時及時布置相關(guān)的課后練習(xí)， 使學(xué)生在課后進一步復(fù)習(xí)鞏固， 并且將課后作業(yè)納入形成性考核 的內(nèi)容之一。同時給出下一次課的學(xué)習(xí)內(nèi)容，提示學(xué)生預(yù)習(xí)。（二）教學(xué)方法： 充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果。教學(xué)中采用電子演示文稿、大屏幕多媒體聯(lián)機演示、 網(wǎng)絡(luò)教學(xué)等各種先進的教學(xué)手段，使課堂教學(xué)生動活潑、引人入勝，提高了教學(xué)效果， 同時提高 了教學(xué)效率。包括：（1）利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問題（需

12、要提示的重點）通過“廣播教學(xué) ”，邊講邊演示，使學(xué)生即時看到操作效果。（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è)計與制作的實際問題出發(fā)，精心準備各種典型案例，構(gòu)建課程的宏觀教學(xué)設(shè)計。例 如，公司網(wǎng)站、網(wǎng)上鮮花直銷、個人網(wǎng)站精選、書籍專賣等。以若干個案例為載體，形成循序漸 進、種類多樣的項目群，構(gòu)建完整的教學(xué)設(shè)計布局。（三）評價方法： 本課程的考核成績有理論基礎(chǔ)成績與技能成績兩項組成， 都是采用上機考試。 平時上機實驗技能 應(yīng)有嚴格的記錄，根據(jù)各種實驗的要求來計算成績。最終課程成績

13、由“平時成績（占20%），實驗實訓(xùn)考核（占40%），期中、期末考試成績（占40%）”三個部分組成。建議以學(xué)生自己制作的網(wǎng)站的實際水平作為學(xué)生的學(xué)習(xí)本課程的成績。（四）教材編選： 由于網(wǎng)頁設(shè)計與制作這一崗位需要的知識面很光， 除了本課程共所包含的五大模塊外， 還于 Flash 動畫、 PhotoShop 圖像處理、計算機網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫等課程互相聯(lián)系、互相補充，因此僅靠一 本教科書是無法達到教學(xué)目標(biāo)的， 需要多本教材的支撐， 有條件、 有師資的學(xué)校建議自己編寫一 本綜合教材。（五）教學(xué)資源： 教學(xué)參考書目書目作者岀版社網(wǎng)頁制作三劍客精彩實例詳解趙艷鐸上海科學(xué)普及出版社網(wǎng)頁制作三劍客經(jīng)典實例崔亞量電子科技大學(xué)出版社網(wǎng)頁設(shè)計與制作申紅雪北京理工大學(xué)出版社ASP技術(shù)與動態(tài)網(wǎng)頁設(shè)計陳孟建清華大學(xué)岀版社信息高速公路與大眾傳播明安香華夏出版社DreamweaverMX2004標(biāo)準教程鮑嘉盧堅海洋出版社DreamweaverMX2004實驗手冊高林科學(xué)出版社現(xiàn)代平面廣告設(shè)計 -CIS企業(yè)戰(zhàn)略伍門西安交通大學(xué)岀版社巧學(xué)巧用 Dreamweaver、Fireworks、Flash制作網(wǎng)頁施書恩，李冬梅人民郵電岀版社Dreamweaver實例教程王艷芳電子工業(yè)岀版社網(wǎng)頁制作技術(shù)趙豐年人民郵電岀版社中文Dreamweaver MX應(yīng)用培訓(xùn)教程李浩冶金工