網(wǎng)頁設(shè)計與制作課程教學(xué)大綱課程編號：1410230課程名稱：網(wǎng)頁設(shè)計/Websitedesign學(xué)時：48學(xué)分：2適用專業(yè)：廣播電視學(xué)開課學(xué)期：6開課部門：文學(xué)與新聞傳播學(xué)院先修課程：多媒體技術(shù)、圖形圖像處理考核要求：考察使用教材及主要參考書：文杰書院編著，《DreamweaverCS5網(wǎng)頁設(shè)計與制作基礎(chǔ)教程》，清華大學(xué)出版社Alan.Cooper著，《AboutFace4交互設(shè)計精髓》，電子工業(yè)出版社課程的性質(zhì)和任務(wù)（小四號黑體）（下同）本課程是面向廣播電視學(xué)專業(yè)開設(shè)的一門選修課。目的是使學(xué)生了解網(wǎng)頁產(chǎn)品的設(shè)計原理與一般方法，并且能應(yīng)用網(wǎng)頁制作軟件設(shè)計出符合用戶需求的靜態(tài)網(wǎng)頁產(chǎn)品。二、教學(xué)目的與要求本課程要求學(xué)生了解網(wǎng)頁產(chǎn)品的設(shè)計原理，掌握Dreamweaver的基本操作，能夠建立站點及靜態(tài)網(wǎng)頁頁面，并能利用超級鏈接將頁面鏈接成網(wǎng)站。在掌握基本操作的前提下能夠有所創(chuàng)新，構(gòu)建出色的網(wǎng)站產(chǎn)品。三、學(xué)時分配章節(jié)課程內(nèi)容學(xué)時1互聯(lián)網(wǎng)產(chǎn)品設(shè)計原則82網(wǎng)站信息架構(gòu)原理83網(wǎng)頁制作基礎(chǔ)知識以及DreamweaverCS5入門64網(wǎng)頁中基本元素的添加（文字、圖像、多媒體）85網(wǎng)頁布局66網(wǎng)頁中的css應(yīng)用47利用腳本創(chuàng)建動態(tài)效果48站點的發(fā)布和推廣4四、教學(xué)中應(yīng)注意的問題‘教學(xué)中應(yīng)注意使用理論與實踐相結(jié)合的教學(xué)方法，在理論講授的同時注意鍛煉學(xué)生的上機操作。五、教學(xué)內(nèi)容第一章：互聯(lián)網(wǎng)產(chǎn)品設(shè)計原則基本內(nèi)容互聯(lián)網(wǎng)產(chǎn)品需求分析網(wǎng)頁產(chǎn)品的設(shè)計原則2．教學(xué)基本要求能夠了解網(wǎng)頁產(chǎn)品的設(shè)計原則，并且將原則應(yīng)用在實際的產(chǎn)品設(shè)計中。3．教學(xué)重點難點重點：網(wǎng)頁產(chǎn)品的需求分析和設(shè)計原則難點：設(shè)計原理的實際應(yīng)用4．教學(xué)建議講授中采用案例分析方法，理論和實例相結(jié)合；對于產(chǎn)品需求的分析部分，要求學(xué)生自行完成。第二章：網(wǎng)站信息架構(gòu)原理基本內(nèi)容用戶的四種信息需求信息的分類網(wǎng)站信息架構(gòu)的原理2．教學(xué)基本要求能夠了解網(wǎng)站信息架構(gòu)的基本原則，并能夠根據(jù)這些原則設(shè)計出合理的網(wǎng)站分類目錄。3．教學(xué)重點難點重點：網(wǎng)站信息架構(gòu)原理難點：根據(jù)信息架構(gòu)原理設(shè)計出合理的網(wǎng)站分類目錄教學(xué)建議講授過程中采用案例教學(xué)法，并讓學(xué)生自行設(shè)計一個網(wǎng)站的分類目錄第三章：網(wǎng)頁制作基礎(chǔ)知識以及DreamweaverCS5入門1．基本內(nèi)容1）網(wǎng)頁制作的基礎(chǔ)知識2）DreamweaverCS5入門知識2．教學(xué)基本要求了解網(wǎng)頁設(shè)計的相關(guān)概念：互聯(lián)網(wǎng)、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁、瀏覽器、域名、URL等，并會安裝Dreamweaver軟件并了解軟件的工作環(huán)境。3．教學(xué)重點難點重點：網(wǎng)頁設(shè)計軟件的工作環(huán)境難點：網(wǎng)頁設(shè)計軟件的基本操作方法4．教學(xué)建議注意理論聯(lián)系實際的教學(xué)方法第四章：網(wǎng)頁中基本元素的添加（文字、圖像、多媒體）1．基本內(nèi)容1）在網(wǎng)頁中插入圖像、圖像占位符并設(shè)置其屬性2）利用多媒體豐富網(wǎng)頁內(nèi)容2．教學(xué)基本要求要求學(xué)生掌握在網(wǎng)頁中插入圖片的方法，可以按要求設(shè)置圖片屬性，掌握在網(wǎng)頁中應(yīng)用多媒體。3．教學(xué)重點難點重點：在網(wǎng)頁當(dāng)中插入圖片和多媒體元素難點：flash和背景音樂的插入4．教學(xué)建議教學(xué)和實踐相結(jié)合第五章：網(wǎng)頁布局1．基本內(nèi)容1）利用表格進行網(wǎng)頁布局2）利用層進行網(wǎng)頁布局3）利用框架進行網(wǎng)頁布局2．教學(xué)基本要求要求學(xué)生掌握用表格進行網(wǎng)頁布局的方法。3．教學(xué)重點難點重點：利用表格進行網(wǎng)頁布局難點：表格布局4．教學(xué)建議理論聯(lián)系實習(xí)的教學(xué)方法第六章：網(wǎng)頁中的css應(yīng)用1．基本內(nèi)容1）了解CSS2）創(chuàng)建和應(yīng)用CSS3）修改組合樣式4）重定義HTML標(biāo)簽2．教學(xué)基本要求要求學(xué)生理解CSS的定義，能夠熟練使用CSS進行網(wǎng)頁外觀樣式設(shè)計3．教學(xué)重點難點重點：利用CSS進行網(wǎng)頁外觀設(shè)計難點：CSS文件的鏈接和導(dǎo)入4．教學(xué)建議理論聯(lián)系實際的教學(xué)方法第七章：利用腳本創(chuàng)建動態(tài)效果1．基本內(nèi)容1）關(guān)于行為2）給對象附加行為3）內(nèi)置動作全解2．教學(xué)基本要求要求學(xué)生掌握各種利用腳本創(chuàng)建動態(tài)效果的方法。3．教學(xué)重點難點重點：Dreamweaver的內(nèi)置動作難點：Dreamweaver的內(nèi)置動作4．教學(xué)建議采用理論聯(lián)系實際的教學(xué)方法第八章：站點的發(fā)布和推廣1．基本內(nèi)容1）上傳發(fā)布