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

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

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

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

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

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

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

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

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

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

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

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

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

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