網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)大綱

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