項(xiàng)目一 主頁欣賞及頁面分析
任務(wù)一 頁面的構(gòu)成元素
任務(wù)二 表現(xiàn)主題
任務(wù)三 網(wǎng)站名稱和CI形象
任務(wù)四 設(shè)計(jì)風(fēng)格
任務(wù)五 版式設(shè)計(jì)
任務(wù)六 色彩運(yùn)用
任務(wù)七 網(wǎng)頁導(dǎo)航
任務(wù)八 視聽元素

項(xiàng)目二 網(wǎng)站設(shè)計(jì)與規(guī)劃
任務(wù)一 認(rèn)識網(wǎng)站與網(wǎng)頁
任務(wù)二 了解網(wǎng)站的運(yùn)行環(huán)境
任務(wù)三 網(wǎng)站設(shè)計(jì)與規(guī)劃

項(xiàng)目三 Dreamweaver CC 2015站點(diǎn)建設(shè)
任務(wù)一 認(rèn)識Dreamweaver CC 2015
任務(wù)二 建立本地站點(diǎn)
任務(wù)三 站點(diǎn)文件管理

項(xiàng)目四 Dreamweaver CC 2015基本應(yīng)用
任務(wù)一 新建網(wǎng)頁文件
任務(wù)二 插入文本
任務(wù)三 插入圖像
任務(wù)四 插入flash
任務(wù)五 插入超鏈接
任務(wù)六 表格初步
任務(wù)七 設(shè)置網(wǎng)頁頭部信息

項(xiàng)目五 模板與庫
任務(wù)一 使用模板
任務(wù)二 使用庫

項(xiàng)目六 HTML與CSS基礎(chǔ)
任務(wù)一 HTML基礎(chǔ)語法
任務(wù)二 野地爭奪之盒模型
任務(wù)三 元素修飾之CSS樣式表應(yīng)用一
任務(wù)四 項(xiàng)目列表之CSS樣式表應(yīng)用二
任務(wù)五 濾鏡特效之CSS樣式表應(yīng)用三

項(xiàng)目七 多媒體網(wǎng)頁設(shè)計(jì)
任務(wù)一 網(wǎng)頁中的flash
任務(wù)二 網(wǎng)頁中的聲音
任務(wù)三 網(wǎng)頁中的視頻

項(xiàng)目八 網(wǎng)頁中IFrame框架的運(yùn)用
任務(wù)一 使用IFrame創(chuàng)建浮動框架（一）
任務(wù)二 使用IFrame創(chuàng)建浮動框架（二）

項(xiàng)目九 導(dǎo)航菜單設(shè)計(jì)
任務(wù)一 利用圖像翻轉(zhuǎn)制作導(dǎo)航菜單
任務(wù)二 應(yīng)用Bootstrap設(shè)計(jì)導(dǎo)航菜單
任務(wù)三 CSS導(dǎo)航菜單一
任務(wù)四 CSS導(dǎo)航菜單二

項(xiàng)目十 表格頁面布局
任務(wù)一 運(yùn)用表格構(gòu)造網(wǎng)頁頁面
任務(wù)二 運(yùn)用表格構(gòu)造復(fù)雜網(wǎng)頁頁面
任務(wù)三 使用切片構(gòu)造整體布局
任務(wù)四 表格的HTML基本語法

項(xiàng)目十一 Div+CSS頁面布局
任務(wù)一 Div+CSS布局骨架
任務(wù)二 Div+CSS布局實(shí)例一
任務(wù)三 變幻方格之布局游戲
任務(wù)四 變幻方格之定位游戲
任務(wù)五 Div+CSS布局實(shí)例二

項(xiàng)目十二 插件與特效
任務(wù)一 jQuery UI的應(yīng)用
任務(wù)二 運(yùn)用行為制作相冊
任務(wù)三 JavaScript的應(yīng)用

項(xiàng)目十三 綜合實(shí)例
任務(wù)一 表格布局綜合實(shí)例
任務(wù)二 Div+CSS布局實(shí)例一
任務(wù)三 Div布局綜合實(shí)例二
任務(wù)四 Bootsbap應(yīng)用實(shí)例

項(xiàng)目十四 表單及交互式網(wǎng)站設(shè)計(jì)
任務(wù)一 表單功能及制作
任務(wù)二 設(shè)置動態(tài)網(wǎng)頁開發(fā)環(huán)境
任務(wù)三 制作手機(jī)版會員系統(tǒng)首頁
任務(wù)四 制作手機(jī)版會員系統(tǒng)登錄頁面
任務(wù)五 制作手機(jī)版會員系統(tǒng)注冊頁面
參考文獻(xiàn)