網(wǎng)頁(yè)設(shè)計(jì)與制作授課計(jì)劃

1、編號(hào)：建筑職業(yè)學(xué)院學(xué)期授課計(jì)劃表（學(xué)習(xí)領(lǐng)域、項(xiàng)目課程用）（2015/ 2016學(xué)年第1學(xué)期）課程名稱（全稱） 網(wǎng)頁(yè)設(shè)計(jì)與制作 所屬學(xué)院（部） 信息傳媒與藝術(shù)學(xué)院 授課班級(jí) 視覺13-1.2 課程總學(xué)時(shí) 96 本學(xué)期學(xué)時(shí) 96 課程總學(xué)分 6 本學(xué)期學(xué)分 6 任課教師 梁雙華 制定日期 2015 年 8 月 25 日課程標(biāo)準(zhǔn)制定部門信息傳媒與藝術(shù)學(xué)院選用教材全稱（編者、出版單位、出版時(shí)間）網(wǎng)頁(yè)設(shè)計(jì)與制作賀紅娟主編 北京師范大學(xué)出版社 2013年2月出版本課程教學(xué)周數(shù)6本課程周學(xué)時(shí)數(shù)16課程本學(xué)期總學(xué)時(shí)數(shù)96編制說明 本授課計(jì)劃的編制依據(jù)是視覺傳達(dá)設(shè)計(jì)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程標(biāo)準(zhǔn)本學(xué)期學(xué)時(shí)分配學(xué)習(xí)

2、情境、項(xiàng)目名稱學(xué)時(shí)項(xiàng)目一 ：網(wǎng)頁(yè)制作基礎(chǔ)4項(xiàng)目二：制作網(wǎng)頁(yè)的基本操作4項(xiàng)目三：建立網(wǎng)頁(yè)鏈接4項(xiàng)目四：了解HTML 4項(xiàng)目五：表格的處理8項(xiàng)目六：框架結(jié)構(gòu) 8項(xiàng)目七：插入多媒體元素 4項(xiàng)目八：AP DIV元素 4項(xiàng)目九：行為特效8項(xiàng)目十：應(yīng)用CSS樣式16項(xiàng)目十一：DIV層布局與Spry構(gòu)件8項(xiàng)目十二 網(wǎng)頁(yè)動(dòng)畫制作12總 復(fù) 習(xí)4放 假4機(jī) 動(dòng)4系主任院 長(zhǎng)備注1授課計(jì)劃應(yīng)嚴(yán)格按照課程標(biāo)準(zhǔn)編寫。2. 授課計(jì)劃須經(jīng)教研室主任、二級(jí)學(xué)院院長(zhǎng)（部主任）審核、簽字后實(shí)施。3. 授課計(jì)劃須在開學(xué)第三周前交教學(xué)質(zhì)量考核辦公室。文檔可自由編輯打印周次順序?qū)W習(xí)情境、項(xiàng)目及單元名稱學(xué)時(shí)課外作業(yè)備 注11項(xiàng)目一 ：

3、網(wǎng)頁(yè)制作基礎(chǔ)第1章：網(wǎng)頁(yè)制作基礎(chǔ)1.1網(wǎng)頁(yè)基礎(chǔ)知識(shí)1.2 Dreamweaver CS4簡(jiǎn)介1.3綜合案例創(chuàng)建個(gè)人主頁(yè)第2章 站點(diǎn)的創(chuàng)建與管理2.1規(guī)劃站點(diǎn)2.2創(chuàng)建站點(diǎn)2.3站點(diǎn)基本操作2.4綜合案例創(chuàng)建“陽(yáng)光工作室”網(wǎng)站4 P15習(xí)題P27習(xí)題機(jī)房講授12項(xiàng)目二：制作網(wǎng)頁(yè)的基本操作第3章 網(wǎng)頁(yè)制作基礎(chǔ)3.1在網(wǎng)頁(yè)中插入文本3.2設(shè)置段落格式3.3設(shè)置文本格式3.4創(chuàng)建列表4P45習(xí)題機(jī)房講授13項(xiàng)目三：建立網(wǎng)頁(yè)鏈接第6章超鏈接與導(dǎo)航6.1文檔位置和路徑6.2創(chuàng)建超鏈接6.3創(chuàng)建Dreamweaver導(dǎo)航條6.4圖像映射6.5綜合案例創(chuàng)建超鏈接4P127習(xí)題機(jī)房講授14放假4機(jī)房講授25項(xiàng)目

4、四：了解HTML 4-1 認(rèn)識(shí)HTML 4-2 常見的HTML標(biāo)記 4-3 學(xué)習(xí)HTML小結(jié) 4-4 文件頭信息 4補(bǔ)充機(jī)房講授26 項(xiàng)目五：表格的處理5-1 插入表格5-2 創(chuàng)建數(shù)據(jù)表格 5-3 實(shí)例:明星相冊(cè)頁(yè)5-4 實(shí)例: 課程表5-5表格的HTML標(biāo)記5-6實(shí)例:軟件下載頁(yè)4補(bǔ)充機(jī)房講授27項(xiàng)目五：表格的處理5-7實(shí)例:個(gè)人簡(jiǎn)歷頁(yè)5-8網(wǎng)頁(yè)的布局4補(bǔ)充機(jī)房講授28項(xiàng)目六：框架結(jié)構(gòu) 6-1 創(chuàng)建框架 6-2 框架實(shí)例:電子書4補(bǔ)充機(jī)房講授39項(xiàng)目六：框架結(jié)構(gòu) 6-3布局綜合實(shí)例4補(bǔ)充機(jī)房講授310項(xiàng)目七：插入多媒體元素 7-1 插入SWF動(dòng)畫 7-2 插入FLV視頻4P151習(xí)題機(jī)房講授

5、311項(xiàng)目八：AP DIV元素 8-1 創(chuàng)建AP DIV元素 8-2 編輯AP DIV元素8-3 層的可見性設(shè)置 8-4 層的嵌套8-5 AP DIV與表格的轉(zhuǎn)換4補(bǔ)充機(jī)房講授312項(xiàng)目九：行為特效 9-1 晃動(dòng)的圖片 9-2 彈出窗口行為 9-3 設(shè)置文本行為4補(bǔ)充機(jī)房講授413項(xiàng)目九：行為特效9-4 AP元素拖動(dòng)效果 9-5 拼圖游戲 9-6 修改屬性特效 9-7 動(dòng)態(tài)菜單實(shí)例4補(bǔ)充機(jī)房講授414項(xiàng)目十：應(yīng)用CSS樣式10-1 認(rèn)識(shí)CSS 10-2編輯CSS樣式10-3 CSS選擇器4復(fù)習(xí)機(jī)房講授415項(xiàng)目十：應(yīng)用CSS樣式10-4 小試牛刀美化頁(yè)面 10-5樣式的復(fù)合聲明4P233習(xí)題P250習(xí)題機(jī)房講授416項(xiàng)目十：應(yīng)用CSS樣式10-6嵌套與繼承10-7應(yīng)用CSS到網(wǎng)頁(yè)中4補(bǔ)充機(jī)房講授517項(xiàng)目十：應(yīng)用CSS樣式10-10綜合實(shí)例4補(bǔ)充機(jī)房講授518項(xiàng)目十一：DIV層布局與Spry構(gòu)件 11-1 認(rèn)識(shí)Spry構(gòu)件11-2 DIV布局頁(yè)面11-3 Spry菜單欄4補(bǔ)充機(jī)房講授519項(xiàng)目十一：DIV層布局與Spry構(gòu)件 11-4 Spry折疊式面板11-5 Spry可折疊面板 11-6 Spry選項(xiàng)卡面板4補(bǔ)充機(jī)房講授520機(jī)動(dòng)621項(xiàng)目十二 網(wǎng)頁(yè)動(dòng)畫制作12-1 FLASH CS基礎(chǔ)12-2 FLASH繪制簡(jiǎn)單圖形4補(bǔ)充機(jī)房講授622項(xiàng)目十二 網(wǎng)頁(yè)動(dòng)