基于工作過程系統(tǒng)化：網(wǎng)頁(yè)設(shè)計(jì)與制作

初級(jí)篇
學(xué)習(xí)情境一 個(gè)人主頁(yè)的制作
任務(wù)1 網(wǎng)站和網(wǎng)頁(yè)的基礎(chǔ)知識(shí)
課堂練習(xí)1—1
任務(wù)2 初識(shí)Dreamweaver
課堂練習(xí)1—2
任務(wù)3 站點(diǎn)的創(chuàng)建與管理
課堂練習(xí)1—3
任務(wù)4 創(chuàng)建網(wǎng)頁(yè)
課堂練習(xí)1—4
任務(wù)5 網(wǎng)頁(yè)的背景設(shè)置
課堂練習(xí)1—5
任務(wù)6 文本操作
相關(guān)知識(shí)—插入文本元素
課堂練習(xí)1—6
任務(wù)7 圖像操作
相關(guān)知識(shí)—插入圖片
課堂練習(xí)1—7
任務(wù)8 插入nash動(dòng)畫
課堂練習(xí)1—8
任務(wù)9 插入滾動(dòng)字幕
相關(guān)知識(shí)一插入字幕
課堂練習(xí)1—9
學(xué)習(xí)情境二 班級(jí)主頁(yè)的制作
任務(wù)1 認(rèn)識(shí)布局
課堂練習(xí)2—1
任務(wù)2 利用表格進(jìn)行布局
相關(guān)知識(shí)一表格
課堂練習(xí)2—2
任務(wù)3 修飾美化表格
課堂練習(xí)2—3
任務(wù)4 插入文字
課堂練習(xí)2—4
任務(wù)5 插入多媒體元素
課堂練習(xí)2—5
任務(wù)6 鏈接的使用
課堂練習(xí)2—6
任務(wù)7 特殊字符的輸入
課堂練習(xí)2—7
任務(wù)8 初識(shí)HTML
相關(guān)知識(shí)—HTML常用標(biāo)記
課堂練習(xí)2—8
中級(jí)篇
學(xué)習(xí)情境三 公司網(wǎng)站主頁(yè)設(shè)計(jì)制作
任務(wù)1 認(rèn)識(shí)框架
課堂練習(xí)3—1
任務(wù)2 利用框架進(jìn)行布局
課堂練習(xí)3—2
任務(wù)3 框架中的鏈接
課堂練習(xí)3—3
任務(wù)4 AP div的創(chuàng)建與應(yīng)用
相關(guān)知識(shí)—AP（層）
課堂練習(xí)3—4
任務(wù)5 彈出信息窗口
課堂練習(xí)3—5
學(xué)習(xí)情境四 旅游網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作
任務(wù)1 了解模板
相關(guān)知識(shí)—模板
課堂練習(xí)4—1
任務(wù)2 布局表格的應(yīng)用
課堂練習(xí)4—2
任務(wù)3 CSS樣式定義背景
課堂練習(xí)4—3
任務(wù)4 模板操作
課堂練習(xí)4—4
任務(wù)5 庫(kù)文件的創(chuàng)建和應(yīng)用
課堂練習(xí)4—5
任務(wù)6 CSS層疊樣式表應(yīng)用
相關(guān)知識(shí)—CSS層疊樣式表
課堂練習(xí)4—6
任務(wù)7 表單網(wǎng)頁(yè)的設(shè)計(jì)與制作
課堂練習(xí)4—7
任務(wù)8 行為的應(yīng)用
課堂練習(xí)4—8
任務(wù)9 插入錨點(diǎn)鏈接
課堂練習(xí)4—9
高級(jí)篇
學(xué)習(xí)情境五 購(gòu)物網(wǎng)站的設(shè)計(jì)與制作
任務(wù)1 網(wǎng)站的規(guī)劃
課堂練習(xí)5—1
任務(wù)2 網(wǎng)頁(yè)設(shè)計(jì)原理、規(guī)范
課堂練習(xí)5—2
任務(wù)3 網(wǎng)站主頁(yè)的結(jié)構(gòu)圖
課堂練習(xí)5—3
任務(wù)4 素材的準(zhǔn)備
課堂練習(xí)5—4
任務(wù)5 網(wǎng)頁(yè)主頁(yè)的布局設(shè)計(jì)
課堂練習(xí)5—5
任務(wù)6 網(wǎng)站分頁(yè)面的設(shè)計(jì)與制作
課堂練習(xí)5—6
任務(wù)7 制作彈出式菜單——spry菜單欄
課堂練習(xí)5—7
任務(wù)8 JavaScript特效
課堂練習(xí)5—8
任務(wù)9 站點(diǎn)測(cè)試、上傳及網(wǎng)站的宣傳
課堂練習(xí)5—9