項目1 網(wǎng)頁制作基礎 1
任務1.1 了解網(wǎng)頁與網(wǎng)頁制作流程 1
1.1.1 認識網(wǎng)頁 2
1.1.2 網(wǎng)頁設計的基礎知識 3
1.1.3 網(wǎng)頁開發(fā)工具 4
1.1.4 網(wǎng)站制作流程 5
任務1.2 用Dreamweaver CC創(chuàng)建站點 7
1.2.1 Dreamweaver CC概述 7
1.2.2 使用Dreamweaver CC創(chuàng)建本地站點 10
1.2.3 站點文件管理 14
任務1.3 編寫HTML代碼 19
1.3.1 HTML簡介 19
1.3.2 HTML的基本結(jié)構(gòu) 20
1.3.3 編寫HTML代碼 20
1.3.4 常用HTML標簽 23
習題 30
項目2 基本網(wǎng)頁的制作 32
任務2.1 設置頁面的整體屬性 32
任務2.2 設置頁面頭部內(nèi)容 38
任務2.3 網(wǎng)頁中文本的使用 40
2.3.1 文本的添加 40
2.3.2 文本的編輯 41
2.3.3 特殊符號的添加 45
任務2.4 網(wǎng)頁中圖像的使用 50
2.4.1 網(wǎng)頁圖像基礎 50
2.4.2 插入圖像 50
2.4.3 圖像的編輯 52
2.4.4 鼠標經(jīng)過圖像 53
任務2.5 網(wǎng)頁中鏈接的實現(xiàn) 58
2.5.1 關(guān)于鏈接 58
2.5.2 網(wǎng)頁鏈接路徑 59
2.5.3 不同類型鏈接的設置 60
任務2.6 使用CSS修飾頁面 65
2.6.1 CSS基礎 65
2.6.2 創(chuàng)建和編輯CSS樣式 67
2.6.3 編輯屬性 68
2.6.4 應用和刪除樣式 75
2.6.5 使用CSS優(yōu)化頁面實例 75
習題 87
項目3 網(wǎng)頁布局設計 89
任務3.1 使用數(shù)據(jù)表格 89
任務3.2 使用表格布局頁面 100
任務3.3 使用iFrame框架布局頁面 107
3.3.1 添加iFrame 107
3.3.2 編輯iFrame 108
任務3.4 使用Div+CSS布局頁面 112
3.4.1 認識Div標簽 112
3.4.2 盒模型 113
3.4.3 元素的定位 114
任務3.5 創(chuàng)建HMTL5頁面 116
3.5.1 創(chuàng)建HTML5文檔 116
3.5.2 HTML5新增標簽 117
3.5.3 在Dreamweaver CC中編輯HTML5標簽 117
習題 121
項目4 制作內(nèi)容豐富的網(wǎng)頁 123
任務4.1 在頁面中添加多媒體文件 123
4.1.1 在頁面中應用Flash文件 123
4.1.2 在頁面中應用Flash視頻 126
4.1.3 在頁面中應用HTML 5 Audio 129
4.1.4 在頁面中應用HTML5 Video 130
4.1.5 在頁面中引用Edge Animate作品 131
4.1.6 在頁面中應用其他類型多媒體文件 133
任務4.2 網(wǎng)頁中表單元素的使用 137
4.2.1 認識表單 137
4.2.2 創(chuàng)建表單 138
4.2.3 插入表單對象 139
任務4.3 網(wǎng)頁中行為的應用 146
4.3.1 行為基礎 146
4.3.2 添加行為 147
4.3.3 編輯行為 147
4.3.4 使用常用行為 147
任務4.4 在頁面中使用jQuery 163
4.4.1 添加jQuery UI 164
4.4.2 使用jQuery UI組件 164
習題 178
項目5 網(wǎng)站的測試與管理 180
任務5.1 應用模板 180
5.1.1 認識模板 180
5.1.2 創(chuàng)建模板 181
5.1.3 編輯模板 181
5.1.4 應用模板 185
任務5.2 使用庫 189
5.2.1 了解庫項目 189
5.2.2 創(chuàng)建庫項目 189
5.2.3 插入庫項目 190
5.2.4 使用庫項目更新頁面 190
任務5.3 站點測試 191
習題 195
項目6 綜合應用實戰(zhàn) 196
任務6.1 網(wǎng)站需求分析 196
任務6.2 建立站點 198
任務6.3 站點制作 199
6.3.1 網(wǎng)站首頁設計 199
6.3.2 欄目頁設計 206
6.3.3 內(nèi)容頁設計 208
參考文獻 211