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

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

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

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

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

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

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

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

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

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

第11章
制作科技公司網頁
11.1 網頁制作準備 196
11.1.1 規(guī)劃和建立站點 196
11.1.2 頁面結構分析 197
11.2 制作流程 197
11.2.1 制作網站首頁 197
11.2.2 制作次級頁面 207

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