網(wǎng)頁設計課程標準36151

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

第1個階段，案例引入，提出問題。通過案例演示，提出問題，給出知識點，講解案例應用背景，給學生一個切入點，建立感性認識。目的是激發(fā)學生的學習興趣、讓學生感到學有所用，從而明確本次課的教學目標。

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

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

第4個階段，舉一反三、學以致用。案例源于生活，最終要應用于生活。為了使學生能學以致用、舉一反三、觸類旁通，每次教學結(jié)束時及時布置相關(guān)的課后練習，使學生在課后進一步復習鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時給出下一次課的學習內(nèi)容，提示學生預習。（二）教學方法：充分利用現(xiàn)代化教學手段，提高教學效果。教學中采用電子演示文稿、大屏幕多媒體聯(lián)機演示、網(wǎng)絡教學等各種先進的教學手段，使課堂教學生動活潑、引人入勝，提高了教學效果，同時提高了教學效率。包括：

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

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