第1章
網(wǎng)頁(yè)設(shè)計(jì)入門(mén)知識(shí)
1.1 網(wǎng)頁(yè)的基本概念 2
1.2 網(wǎng)頁(yè)設(shè)計(jì)知識(shí) 5
1.2.1 網(wǎng)頁(yè)配色基礎(chǔ) 5
1.2.2 網(wǎng)頁(yè)設(shè)計(jì)元素 7
1.2.3 網(wǎng)頁(yè)布局 8
1.2.4 網(wǎng)頁(yè)標(biāo)準(zhǔn)化技術(shù) 9
1.3 網(wǎng)站制作流程 10
1.3.1 前期準(zhǔn)備工作 10
1.3.2 方案實(shí)施 11
1.3.3 后期維護(hù) 12
1.4 初識(shí)Dreamweaver 13
1.4.1 Dreamweaver工作界面 13
1.4.2 文檔的基本操作 14
1.4.3 動(dòng)手練：創(chuàng)建一個(gè)簡(jiǎn)單網(wǎng)頁(yè) 16
1.5 站點(diǎn)的創(chuàng)建和管理 18
1.5.1 站點(diǎn)的創(chuàng)建 18
1.5.2 站點(diǎn)的管理 19
1.5.3 站點(diǎn)的導(dǎo)入和導(dǎo)出 21
1.6 案例實(shí)戰(zhàn)：我的第一個(gè)站點(diǎn) 22
1.7 課后練習(xí) 24

第2章
網(wǎng)頁(yè)基本元素的編輯
2.1 在網(wǎng)頁(yè)中插入文本 26
2.1.1 插入文本 26
2.1.2 文本的屬性設(shè)置 26
2.1.3 使用列表 28
2.1.4 插入特殊元素 28
2.1.5 動(dòng)手練：純文字網(wǎng)頁(yè) 29
2.2 在網(wǎng)頁(yè)中插入圖像 31
2.2.1 網(wǎng)頁(yè)中圖像的常見(jiàn)格式 31
2.2.2 插入圖像 31
2.2.3 圖像的屬性設(shè)置 32
2.2.4 圖像的對(duì)齊方式 34
2.3 插入其他圖像文件 35
2.3.1 圖像占位符 35
2.3.2 鼠標(biāo)經(jīng)過(guò)圖像 36
2.3.3 動(dòng)手練：鼠標(biāo)經(jīng)過(guò)圖像網(wǎng)頁(yè)效果 36
2.4 插入其他多媒體 38
2.4.1 插入SWF動(dòng)畫(huà) 38
2.4.2 插入FLV視頻 39
2.5 案例實(shí)戰(zhàn)：美食網(wǎng)站首頁(yè) 40
2.6 課后練習(xí) 43

第3章
HTML基礎(chǔ)知識(shí)
3.1 認(rèn)識(shí)HTML 45
3.1.1 HTML簡(jiǎn)介 45
3.1.2 標(biāo)簽和屬性 45
3.1.3 HTML文檔結(jié)構(gòu) 46
3.2 HTML的基本標(biāo)簽 48
3.2.1 標(biāo)題文字 48
3.2.2 文字格式 48
3.2.3 段落標(biāo)簽 49
3.2.4 圖像標(biāo)簽 51
3.2.5 超鏈接標(biāo)簽 51
3.2.6 列表標(biāo)簽 52
3.2.7 表格標(biāo)簽 53
3.3 頁(yè)面動(dòng)畫(huà)效果 55
3.3.1 實(shí)現(xiàn)過(guò)渡 55
3.3.2 動(dòng)畫(huà)屬性 58
3.3.3 動(dòng)手練：網(wǎng)頁(yè)旋轉(zhuǎn)動(dòng)畫(huà)效果 60
3.4 HTML 5的應(yīng)用 62
3.4.1 HTML 5語(yǔ)法變化 62
3.4.2 HTML 5標(biāo)簽方法 63
3.4.3 HTML 5新增元素 63
3.4.4 HTML 5新增屬性元素 67
3.5 案例實(shí)戰(zhàn)：簡(jiǎn)易網(wǎng)頁(yè)布局 68
3.6 課后練習(xí) 71

第4章
網(wǎng)頁(yè)超鏈接的應(yīng)用
4.1 超鏈接概念 73
4.1.1 相對(duì)路徑 73
4.1.2 絕對(duì)路徑 73
4.1.3 外部鏈接和內(nèi)部鏈接 73
4.2 管理網(wǎng)頁(yè)超鏈接 74
4.2.1 自動(dòng)更新鏈接 74
4.2.2 在站點(diǎn)范圍內(nèi)更改鏈接 75
4.2.3 檢查站點(diǎn)中的鏈接錯(cuò)誤 75
4.3 在圖像中應(yīng)用鏈接 76
4.3.1 圖像鏈接 76
4.3.2 圖像熱點(diǎn)鏈接 76
4.3.3 動(dòng)手練：網(wǎng)頁(yè)圖像鏈接 77
4.4 其他常用鏈接 78
4.4.1 文本鏈接 78
4.4.2 錨記鏈接 79
4.4.3 電子郵件鏈接 79
4.4.4 空鏈接 80
4.4.5 動(dòng)手練：電子郵件鏈接 80
4.5 案例實(shí)戰(zhàn)：下載文件鏈接 81
4.6 課后練習(xí) 83

第5章
表格的布局與應(yīng)用
5.1 插入表格 85
5.1.1 與表格有關(guān)的術(shù)語(yǔ) 85
5.1.2 插入表格 85
5.1.3 表格的基本代碼 86
5.2 表格屬性 86
5.2.1 設(shè)置表格的屬性 86
5.2.2 設(shè)置單元格屬性 87
5.2.3 改變背景顏色 88
5.2.4 表格的屬性代碼 88
5.2.5 動(dòng)手練：寵物店網(wǎng)頁(yè) 89
5.3 選擇表格 91
5.3.1 選擇整個(gè)表格 91
5.3.2 選擇一個(gè)單元格 91
5.4 編輯表格 91
5.4.1 復(fù)制和粘貼表格 91
5.4.2 添加行和列 92
5.4.3 刪除行和列 93
5.4.4 合并或拆分單元格 93
5.4.5 動(dòng)手練：連鎖超市網(wǎng)頁(yè) 94
5.5 案例實(shí)戰(zhàn)：甜品店網(wǎng)頁(yè) 95
5.6 課后練習(xí) 98

第6章
CSS樣式應(yīng)用
6.1 CSS概述 100
6.1.1 CSS的特點(diǎn) 100
6.1.2 CSS的定義 100
6.1.3 CSS的設(shè)置 102
6.1.4 CSS樣式面板 107
6.1.5 動(dòng)手練：美化文學(xué)網(wǎng)頁(yè) 108
6.2 使用CSS 111
6.2.1 外聯(lián)樣式表 111
6.2.2 內(nèi)嵌樣式表 112
6.3 案例實(shí)戰(zhàn)：設(shè)計(jì)茶具網(wǎng)頁(yè) 113
6.4 課后練習(xí) 116

第7章
Div CSS布局
7.1 Div與CSS布局基礎(chǔ) 118
7.1.1 什么是Web標(biāo)準(zhǔn) 118
7.1.2 Div概述 118
7.2 創(chuàng)建Div 119
7.2.1 創(chuàng)建Div 119
7.2.2 設(shè)置AP Div的屬性 120
7.3 CSS布局方法 120
7.3.1 盒子模型 120
7.3.2 外邊距設(shè)置 121
7.3.3 內(nèi)邊距設(shè)置 122
7.3.4 動(dòng)手練：左中右布局 123
7.4 使用Div布局 126
7.4.1 上中下布局 126
7.4.2 左右下布局 127
7.4.3 上左右下布局 129
7.5 案例實(shí)戰(zhàn)：西餐廳網(wǎng)頁(yè) 131
7.6 課后練習(xí) 138

第8章
模板和庫(kù)
8.1 創(chuàng)建模板 140
8.1.1 直接創(chuàng)建模板 140
8.1.2 從現(xiàn)有網(wǎng)頁(yè)中創(chuàng)建模板 140
8.1.3 創(chuàng)建可編輯區(qū)域 141
8.2 管理和使用模板 142
8.2.1 應(yīng)用模板 142
8.2.2 從模板中分離 142
8.2.3 更新模板及模板內(nèi)容頁(yè) 143
8.2.4 創(chuàng)建嵌套模板 143
8.2.5 創(chuàng)建可選區(qū)域 143
8.3 創(chuàng)建和使用庫(kù) 144
8.3.1 創(chuàng)建庫(kù)項(xiàng)目 144
8.3.2 插入庫(kù)項(xiàng)目 145
8.3.3 編輯和更新庫(kù)項(xiàng)目 145
8.4 案例實(shí)戰(zhàn)：模板的創(chuàng)建及應(yīng)用 146
8.5 課后練習(xí) 154

第9章
行為
9.1 什么是行為 156
9.1.1 行為 156
9.1.2 事件 157
9.2 瀏覽器窗口行為 159
9.2.1 打開(kāi)瀏覽器窗口 159
9.2.2 調(diào)用腳本 160
9.2.3 轉(zhuǎn)到URL 160
9.2.4 動(dòng)手練：打開(kāi)瀏覽器窗口 161
9.2.5 動(dòng)手練：轉(zhuǎn)到URL網(wǎng)頁(yè) 162
9.2.6 動(dòng)手練：自動(dòng)關(guān)閉網(wǎng)頁(yè) 163
9.3 圖像行為 164
9.3.1 交換圖像與恢復(fù)交換圖像 164
9.3.2 預(yù)先載入圖像 164
9.3.3 顯示-隱藏元素 165
9.4 文本行為 166
9.4.1 彈出信息 166
9.4.2 設(shè)置狀態(tài)欄文本 166
9.4.3 設(shè)置容器的文本 166
9.4.4 設(shè)置文本域文字 167
9.4.5 動(dòng)手練：網(wǎng)頁(yè)彈出信息 167
9.5 表單行為 168
9.5.1 跳轉(zhuǎn)菜單 168
9.5.2 檢查表單 169
9.6 案例實(shí)戰(zhàn)：交換圖像效果 169
9.7 課后練習(xí) 171

第10章
表單和jQuery Mobile
10.1 使用表單 173
10.1.1 認(rèn)識(shí)表單 173
10.1.2 基本表單對(duì)象 173
10.1.3 動(dòng)手練：創(chuàng)建注冊(cè)頁(yè)面 174
10.2 常用表單應(yīng)用 178
10.2.1 文本字段 178
10.2.2 文本區(qū)域 178
10.2.3 復(fù)選框和復(fù)選框組 178
10.2.4 單選按鈕和單選按鈕組 179
10.2.5 選擇（列表/菜單） 180
10.2.6 按鈕 180
10.2.7 文件域 180
10.2.8 動(dòng)手練：登錄頁(yè)面 181
10.3 認(rèn)識(shí)jQuery 183
10.3.1 jQuery簡(jiǎn)介 183
10.3.2 為什么要使用jQuery 184
10.3.3 jQuery常用插件 185
10.4 jQuery Mobile基礎(chǔ)應(yīng)用 185
10.4.1 調(diào)用方法 186
10.4.2 jQuery Mobile頁(yè)面 186
10.4.3 jQuery Mobile列表視圖 187
10.4.4 jQuery Mobile布局網(wǎng)格 187
10.4.5 jQuery Mobile可折疊區(qū)塊 188
10.5 案例實(shí)戰(zhàn)：信息采集網(wǎng)頁(yè) 189
10.6 課后練習(xí) 194

第11章
制作科技公司網(wǎng)頁(yè)
11.1 網(wǎng)頁(yè)制作準(zhǔn)備 196
11.1.1 規(guī)劃和建立站點(diǎn) 196
11.1.2 頁(yè)面結(jié)構(gòu)分析 197
11.2 制作流程 197
11.2.1 制作網(wǎng)站首頁(yè) 197
11.2.2 制作次級(jí)頁(yè)面 207

附　錄
附錄A 課后練習(xí)參考答案 216
附錄B HTML頁(yè)面元素速查 218
附錄C CSS常用屬性速查 222