《輕鬆學HTML+CSS網站開發（含DVD光碟1張）》是2013年電子工業出版社出版的圖書，作者是勝忠。
基本介紹
- 作者：勝忠編
- ISBN：9787121209246
- 頁數：336
- 定價：55
- 出版社：電子工業出版社
- 出版時間：2013-8
- 裝幀：平裝
- 副標題：輕鬆學開發
內容介紹,作品目錄,
內容介紹
本書由淺入深，全面、系統地介紹了HTML+CSS網頁設計技術。本書最大的特色是提供了大量的插圖，一改過去編程書籍枯燥乏味的文字講解，利用各種說明插圖和運行結果示意圖，生動形象地再現了網頁開發需要的所有知識，使讀者能夠輕鬆地掌握學習內容。另外，作者專門為每一章編寫了習題，以便讀者對該章的學習效果進行檢測。本書還錄製了大量的配套教學視頻，這些視頻和書中的實例原始碼一起收錄於本書的配書光碟中。
本書共分5篇。“概述篇”主要包括網站工作機制、網頁構成、網頁開發環境搭建等內容。“結構語言篇”主要包括HTML+CSS概述，以及文字、圖片、連結、表單、多媒體、表格等網頁元素的構建內容。“結構布局篇”主要包括框架、div等網頁布局技術。“首尾結構篇”主要包括網頁頭部信息、頁腳、腳本和事件等方面的知識。“實例篇”主要實現了個人網站和入口網站的構建。
本書涉及面廣，從基本操作到高級技術和核心原理，再到項目開發，幾乎涉及HTML+CSS網頁設計的所有重要知識。本書適合所有想全面學習HTML+CSS網頁設計的人員閱讀，也適合各類學校作為教材使用。對於網頁設計人員來說，本書更是一本不可多得的案頭必備參考書。
作品目錄
概述篇
第1章 網頁開發概述 2
1.1 網際網路 2
1.2 網站 2
1.2.1 網站是如何工作的 3
1.2.2 網站域名 3
1.2.3 網站源程式 4
1.2.4 網站空間 5
1.3 網頁構成技術——HTML+CSS 5
1.3.1 什麼是HTML+CSS 5
1.3.2 認識XHTML 7
1.3.3 JavaScript 7
1.4 網頁開發工具——Dreamweaver 8
1.4.1 Dreamweaver CS6的安裝 8
1.4.2 認識Dreamweaver CS6 10
1.5 製作第一個網頁 11
1.6 小結 13
1.7 習題 13
結構語言篇
第2章 網頁基礎必備知識 16
2.1 HTML標籤 16
2.2 HTML屬性 16
2.3 HTML元素 17
2.4 HTML檔案 17
2.5 HTML注釋 18
2.6 HTML顏色 18
2.6.1 顏色值 18
2.6.2 顏色名 19
2.6.3 Web安全色 19
2.7 HTML長度單位 19
2.8 CSS樣式表 20
2.8.1 連結樣式表 20
2.8.2 外部樣式表的連結 20
2.8.3 內部樣式表的連結 22
2.8.4 連結行內樣式表 22
2.9 選擇器 23
2.9.1 派生選擇器 23
2.9.2 id選擇器 23
2.9.3 類選擇器 24
2.9.4 標籤選擇器 26
2.9.5 複合選擇器 27
2.9.6 <span> 標籤 28
2.10 CSS框架模型 28
2.11 小結 29
2.12 習題 29
第3章 文字 34
3.1 網頁中的文字 34
3.1.1 文字編碼——字元集 34
3.1.2 文字的字型 36
3.1.3 文字的表示 38
3.2 字型屬性設定 39
3.2.1 文字大小 39
3.2.2 文字顏色 41
3.2.3 文字對齊方式 42
3.3 文本格式化 43
3.3.1 定義粗體文本 43
3.3.2 定義著重文字 44
3.3.3 定義計算機代碼 46
3.3.4 預格式文本 46
3.3.5 定義地址 46
3.3.6 定義文字方向 47
3.3.7 塊引用 48
3.3.8 標籤總結 48
3.4 段落 49
3.4.1 HTML段落 49
3.4.2 段落的行間距 50
3.4.3 標題的定義 51
3.4.4 HTML水平線 52
3.4.5 HTML折行 52
3.5 列表 54
3.5.1 無序列表 54
3.5.2 有序列表 55
3.5.3 定義列表 56
3.5.4 CSS列表 57
3.5.5 示例概括 59
3.6 小結 61
3.7 習題 61
第4章 圖片 68
4.1 網頁圖片格式 68
4.2 圖片的構建 70
4.2.1 選擇路徑（src） 70
4.2.2 設定低解析度（lowsrc） 71
4.2.3 設定替換文本（alt） 71
4.3 調整圖片 72
4.3.1 選擇寬度（width）和高度（height） 72
4.3.2 設定排列（align） 73
4.3.3 設定框線（border） 74
4.3.4 設定水平間距（hspace）和垂直間距（vspace） 75
4.4 網頁背景圖片 75
4.4.1 為網頁背景添加圖片 75
4.4.2 指定背景圖片的套用範圍 76
4.4.3 指定圖片平鋪方式 77
4.4.4 為背景圖片定位 78
4.4.5 設定背景圖片跟隨方式 81
4.5 小結 82
4.6 習題 82
第5章 連結 88
5.1 認識連結 88
5.1.1 連結的作用 88
5.1.2 表現形式 89
5.1.3 HTML連結語法 89
5.2 連結路徑 90
5.2.1 絕對路徑 90
5.2.2 相對路徑 91
5.3 創建超連結 92
5.3.1 內部連結 93
5.3.2 外部連結 94
5.3.3 製作目錄連結 95
5.3.4 文字超連結 95
5.3.5 圖像超連結 95
5.3.6 熱點區域的連結 96
5.3.7 E-mail連結 98
5.3.8 空連結 100
5.4 設定連結樣式 101
5.5 HTML連結的target屬性 103
5.5.1 打開空白頁 103
5.5.2 打開上一級視窗 104
5.5.3 在當前視窗中打開 105
5.5.4 打開整個視窗 107
5.6 HTML連結的name屬性 109
5.7 錨 110
5.7.1 創建圖片錨連結 110
5.7.2 創建文字錨連結 112
5.8 小結 113
5.9 習題 114
第6章 表單 122
6.1 表單概述 122
6.1.1 表單的定義 122
6.1.2 表單名稱的定義 123
6.1.3 設定字元集列表 124
6.1.4 在CSS中設定表單 124
6.2 輸入框概述 125
6.2.1 定義文字輸入 125
6.2.2 使用多行文本域 126
6.2.3 定義密碼輸入 126
6.2.4 在CSS中設定文本域 127
6.3 選擇框概述 128
6.3.1 定義單選框 128
6.3.2 定義複選框 129
6.3.3 定義列表框 130
6.3.4 在CSS中設定選擇框 130
6.4 檔案域和字元集 132
6.4.1 設定檔案域 132
6.4.2 設定欄位集 132
6.4.3 隱藏域的引用 133
6.5 表單的動作屬性 134
6.5.1 設定連結跳轉 134
6.5.2 指向連結跳轉方式 134
6.5.3 設定連結跳轉方式 134
6.6 按鈕的定義 135
6.6.1 設定提交按鈕 135
6.6.2 設定清空按鈕 135
6.6.3 圖像域的引用 136
6.6.4 在CSS中設定按鈕 137
6.7 小結 137
6.8 習題 138
第7章 多媒體 145
7.1 音頻的使用 145
7.1.1 音樂格式 145
7.1.2 插入音樂 146
7.1.3 音樂路徑（src） 147
7.1.4 音樂的播放次數（loop） 147
7.1.5 音樂的自動播放（autostart） 148
7.1.6 隱藏播放面板（hidden） 148
7.2 嵌入背景音樂 149
7.2.1 背景音樂路徑 149
7.2.2 循環播放（loop） 149
7.2.3 自動播放（autostart） 150
7.2.4 音量控制 150
7.2.5 延遲播放 151
7.2.6 音量平衡 151
7.3 視頻的使用 151
7.3.1 視頻格式 151
7.3.2 插入視頻 152
7.4 插入Flash 153
7.4.1 插入Flash視頻 154
7.4.2 透明效果 155
7.5 小結 156
7.6 習題 156
第8章 表格 160
8.1 表格的構建 160
8.1.1 表頭單元格 161
8.1.2 單元格數據標籤 161
8.1.3 表格的標題 162
8.2 表格的外觀 163
8.2.1 寬度（width）和高度（height） 163
8.2.2 背景顏色和圖像 164
8.2.3 表格間距和表格填充 165
8.2.4 表格行的對齊方式 167
8.3 框線 169
8.3.1 框線寬度（border） 169
8.3.2 框線顏色（bordercolor） 169
8.3.3 框線顯示 171
8.4 跨多行和多列的表元 171
8.4.1 跨多列（colspan） 172
8.4.2 跨多行（rowspan） 172
8.5 表格行分組 173
8.5.1 表頭標籤 173
8.5.2 主體標籤 173
8.5.3 章節附注標籤 173
8.6 表格的嵌套 174
8.7 小結 175
8.8 習題 175
結構布局篇
第9章 框架 182
9.1 框架概述 182
9.1.1 框架的構成 182
9.1.2 自定義框架 183
9.1.3 <noframes> 標籤 184
9.2 框架集 185
9.2.1 分割左右視窗 185
9.2.2 分割上下視窗 186
9.2.3 CSS中的框架設定 186
9.3 子框架 187
9.3.1 調節框架 187
9.3.2 視窗嵌套 187
9.3.3 視窗的名稱和連結 188
9.4 框架外觀 189
9.4.1 框線粗細（border） 189
9.4.2 框線顏色 190
9.4.3 框線的顯示 190
9.4.4 空白距離 191
9.5 浮動框架 191
9.5.1 浮動視窗（iframe） 191
9.5.2 透明浮動視窗 191
9.5.3 滾動條的設定 192
9.5.4 浮動視窗連結 192
9.6 小結 193
9.7 習題 193
第10章 DIV+CSS 200
10.1 <div> 標籤 200
10.1.1 <div> 標籤的套用 200
10.1.2 嵌套 <div> 標籤 201
10.2 盒模型 201
10.2.1 盒模型的概念 201
10.2.2 基本盒模型 205
10.3 定位 206
10.3.1 基本概念介紹 206
10.3.2 浮動定位 206
10.3.3 清除浮動 208
10.3.4 多個元素的浮動套用 209
10.3.5 兩個元素的浮動套用 211
10.4 絕對定位 212
10.4.1 絕對定位的概念 212
10.4.2 單個元素的絕對定位 213
10.4.3 兩個元素的絕對定位 214
10.5 相對定位 215
10.5.1 單個元素的相對定位 215
10.5.2 兩個元素的相對定位 217
10.6 普通流定位 218
10.7 小結 219
10.8 習題 219
首尾結構篇
第11章 網頁頭部 226
11.1 使用頭部 226
11.2 頁面描述信息 226
11.2.1 定義關鍵字 227
11.2.2 連結檔案屬性 228
11.2.3 基連結屬性 228
11.3 HTTP標題信息 228
11.3.1 http-equiv屬性 228
11.3.2 過渡效果屬性 229
11.3.3 文檔類型與語言屬性 230
11.3.4 主題與腳本類型屬性 231
11.3.5 打開視窗屬性 231
11.3.6 自動刷新屬性 231
11.3.7 禁用快取屬性 232
11.3.8 快取時間屬性 232
11.3.9 網頁cookie屬性 233
11.4 網頁標題 233
11.5 小結 234
11.6 習題 234
第12章 頁腳 237
12.1 頁腳的構成 237
12.1.1 著作權聲明 240
12.1.2 網站相關信息說明 240
12.1.3 網站Logo 240
12.1.4 友情連結 241
12.1.5 整體導航 241
12.1.6 網站備案信息 241
12.2 樣式調整及修改 242
12.3 小結 243
12.4 習題 243
第13章 腳本和事件 247
13.1 腳本 247
13.1.1 定義腳本 247
13.1.2 替換文本 249
13.1.3 嵌入對象 250
13.2 事件 251
13.2.1 觸發載入事件 251
13.2.2 觸發雙擊事件 252
13.3 觸發滑鼠按鈕事件 253
13.3.1 觸發滑鼠按下事件 253
13.3.2 觸發滑鼠釋放事件 254
13.3.3 觸發滑鼠移動事件 255
13.3.4 觸發滑鼠經過事件 256
13.3.5 觸發滑鼠離開事件 257
13.4 觸發鍵盤事件 258
13.4.1 觸發按下鍵盤按鍵事件 258
13.4.2 觸發鍵盤按鍵被按下並鬆開事件 259
13.4.3 觸發鍵盤按鍵被鬆開事件 260
13.5 觸發頁面相關事件 260
13.5.1 觸發圖片在下載時被用戶中斷事件 261
13.5.2 觸發當前頁面的內容將被修改事件 261
13.5.3 觸發捕捉當前頁面錯誤事件 262
13.5.4 觸發頁面內容完成傳送到瀏覽器事件 263
13.5.5 觸發瀏覽器視窗大小被改變事件 264
13.5.6 觸發瀏覽器滾動條位置變化事件 264
13.5.7 觸發當前頁面被改變事件 265
13.6 表單相關事件 266
13.6.1 觸發元素失去焦點事件 266
13.6.2 觸發元素改變事件 267
13.6.3 觸發元素獲得焦點事件 268
13.6.4 觸發表單重置事件 269
13.6.5 觸發表單提交事件 270
13.7 滾動字幕事件 271
13.7.1 觸發內容移動至顯示範圍之外事件 271
13.7.2 觸發完成需要顯示內容後的事件 272
13.7.3 觸發開始顯示內容事件 273
13.8 編輯事件 274
13.8.1 觸發按下滑鼠右鍵出現選單事件 274
13.8.2 觸發所選擇內容被複製後的事件 275
13.8.3 觸發所選擇內容被剪下時的事件 276
13.8.4 觸發滑鼠拖動事件 277
13.8.5 觸發失去滑鼠移動所形成的選擇焦點事件 277
13.8.6 觸發內容貼上事件 278
13.8.7 觸發內容被選擇事件 279
13.8.8 觸發內容選擇準備開始事件 280
13.9 外部事件 280
13.9.1 觸發文檔被列印後的事件 280
13.9.2 觸發文檔將要列印時的事件 281
13.9.3 觸發濾鏡效果發生變化時的事件 282
13.9.4 觸發按下【F1】鍵（或者選擇“幫助”選單）時的事件 283
13.9.5 觸發對象的屬性之一發生變化時的事件 284
13.10 數據綁定 285
13.11 小結 285
13.12 習題 285
實例篇
第14章 個人網站製作 294
14.1 網站整體規劃 294
14.1.1 層次分析 294
14.1.2 模組劃分 294
14.1.3 首頁分析 295
14.2 首頁製作 295
14.2.1 首頁設計 295
14.2.2 XHTML結構的構建和CSS布局 296
14.2.3 頂部欄的製作 296
14.2.4 Banner的製作 297
14.2.5 最新留言的製作 298
14.2.6 最新日誌的製作 299
14.2.7 最新照片的製作 299
14.2.8 設定背景圖片 301
14.2.9 設定導航條及標題欄漸變背景 301
14.2.10 設定頁面垂直滾動條樣式 302
14.3 日誌頁面製作 302
14.3.1 思路分析 303
14.3.2 瀏覽日誌功能的實現 304
14.4 照片頁面製作 305
14.4.1 思路分析 305
14.4.2 瀏覽照片功能的實現 307
14.5 小結 308
第15章 入口網站製作 309
15.1 網站整體規劃 309
15.1.1 層次分析 309
15.1.2 模組分析 310
15.1.3 首頁分析 310
15.2 首頁製作 311
15.2.1 首頁設計 311
15.2.2 XHTML結構的構建和CSS布局 311
15.2.3 頂部欄的製作 312
15.2.4 Banner的製作 312
15.2.5 導航條的製作 313
15.2.6 熱點訊息欄的製作 313
15.2.7 便民信息欄和熱點人物欄的製作 314
15.2.8 設定頁面主體背景 315
15.2.9 設定有規律的背景圖片 315
15.2.10 插入無虛框的Flash動畫 316
15.2.11 輪換照片的製作 316
15.3 欄目頁面製作 318
15.4 文章頁面製作 319
15.5 小結 320
第1章 網頁開發概述 2
1.1 網際網路 2
1.2 網站 2
1.2.1 網站是如何工作的 3
1.2.2 網站域名 3
1.2.3 網站源程式 4
1.2.4 網站空間 5
1.3 網頁構成技術——HTML+CSS 5
1.3.1 什麼是HTML+CSS 5
1.3.2 認識XHTML 7
1.3.3 JavaScript 7
1.4 網頁開發工具——Dreamweaver 8
1.4.1 Dreamweaver CS6的安裝 8
1.4.2 認識Dreamweaver CS6 10
1.5 製作第一個網頁 11
1.6 小結 13
1.7 習題 13
結構語言篇
第2章 網頁基礎必備知識 16
2.1 HTML標籤 16
2.2 HTML屬性 16
2.3 HTML元素 17
2.4 HTML檔案 17
2.5 HTML注釋 18
2.6 HTML顏色 18
2.6.1 顏色值 18
2.6.2 顏色名 19
2.6.3 Web安全色 19
2.7 HTML長度單位 19
2.8 CSS樣式表 20
2.8.1 連結樣式表 20
2.8.2 外部樣式表的連結 20
2.8.3 內部樣式表的連結 22
2.8.4 連結行內樣式表 22
2.9 選擇器 23
2.9.1 派生選擇器 23
2.9.2 id選擇器 23
2.9.3 類選擇器 24
2.9.4 標籤選擇器 26
2.9.5 複合選擇器 27
2.9.6 <span> 標籤 28
2.10 CSS框架模型 28
2.11 小結 29
2.12 習題 29
第3章 文字 34
3.1 網頁中的文字 34
3.1.1 文字編碼——字元集 34
3.1.2 文字的字型 36
3.1.3 文字的表示 38
3.2 字型屬性設定 39
3.2.1 文字大小 39
3.2.2 文字顏色 41
3.2.3 文字對齊方式 42
3.3 文本格式化 43
3.3.1 定義粗體文本 43
3.3.2 定義著重文字 44
3.3.3 定義計算機代碼 46
3.3.4 預格式文本 46
3.3.5 定義地址 46
3.3.6 定義文字方向 47
3.3.7 塊引用 48
3.3.8 標籤總結 48
3.4 段落 49
3.4.1 HTML段落 49
3.4.2 段落的行間距 50
3.4.3 標題的定義 51
3.4.4 HTML水平線 52
3.4.5 HTML折行 52
3.5 列表 54
3.5.1 無序列表 54
3.5.2 有序列表 55
3.5.3 定義列表 56
3.5.4 CSS列表 57
3.5.5 示例概括 59
3.6 小結 61
3.7 習題 61
第4章 圖片 68
4.1 網頁圖片格式 68
4.2 圖片的構建 70
4.2.1 選擇路徑（src） 70
4.2.2 設定低解析度（lowsrc） 71
4.2.3 設定替換文本（alt） 71
4.3 調整圖片 72
4.3.1 選擇寬度（width）和高度（height） 72
4.3.2 設定排列（align） 73
4.3.3 設定框線（border） 74
4.3.4 設定水平間距（hspace）和垂直間距（vspace） 75
4.4 網頁背景圖片 75
4.4.1 為網頁背景添加圖片 75
4.4.2 指定背景圖片的套用範圍 76
4.4.3 指定圖片平鋪方式 77
4.4.4 為背景圖片定位 78
4.4.5 設定背景圖片跟隨方式 81
4.5 小結 82
4.6 習題 82
第5章 連結 88
5.1 認識連結 88
5.1.1 連結的作用 88
5.1.2 表現形式 89
5.1.3 HTML連結語法 89
5.2 連結路徑 90
5.2.1 絕對路徑 90
5.2.2 相對路徑 91
5.3 創建超連結 92
5.3.1 內部連結 93
5.3.2 外部連結 94
5.3.3 製作目錄連結 95
5.3.4 文字超連結 95
5.3.5 圖像超連結 95
5.3.6 熱點區域的連結 96
5.3.7 E-mail連結 98
5.3.8 空連結 100
5.4 設定連結樣式 101
5.5 HTML連結的target屬性 103
5.5.1 打開空白頁 103
5.5.2 打開上一級視窗 104
5.5.3 在當前視窗中打開 105
5.5.4 打開整個視窗 107
5.6 HTML連結的name屬性 109
5.7 錨 110
5.7.1 創建圖片錨連結 110
5.7.2 創建文字錨連結 112
5.8 小結 113
5.9 習題 114
第6章 表單 122
6.1 表單概述 122
6.1.1 表單的定義 122
6.1.2 表單名稱的定義 123
6.1.3 設定字元集列表 124
6.1.4 在CSS中設定表單 124
6.2 輸入框概述 125
6.2.1 定義文字輸入 125
6.2.2 使用多行文本域 126
6.2.3 定義密碼輸入 126
6.2.4 在CSS中設定文本域 127
6.3 選擇框概述 128
6.3.1 定義單選框 128
6.3.2 定義複選框 129
6.3.3 定義列表框 130
6.3.4 在CSS中設定選擇框 130
6.4 檔案域和字元集 132
6.4.1 設定檔案域 132
6.4.2 設定欄位集 132
6.4.3 隱藏域的引用 133
6.5 表單的動作屬性 134
6.5.1 設定連結跳轉 134
6.5.2 指向連結跳轉方式 134
6.5.3 設定連結跳轉方式 134
6.6 按鈕的定義 135
6.6.1 設定提交按鈕 135
6.6.2 設定清空按鈕 135
6.6.3 圖像域的引用 136
6.6.4 在CSS中設定按鈕 137
6.7 小結 137
6.8 習題 138
第7章 多媒體 145
7.1 音頻的使用 145
7.1.1 音樂格式 145
7.1.2 插入音樂 146
7.1.3 音樂路徑（src） 147
7.1.4 音樂的播放次數（loop） 147
7.1.5 音樂的自動播放（autostart） 148
7.1.6 隱藏播放面板（hidden） 148
7.2 嵌入背景音樂 149
7.2.1 背景音樂路徑 149
7.2.2 循環播放（loop） 149
7.2.3 自動播放（autostart） 150
7.2.4 音量控制 150
7.2.5 延遲播放 151
7.2.6 音量平衡 151
7.3 視頻的使用 151
7.3.1 視頻格式 151
7.3.2 插入視頻 152
7.4 插入Flash 153
7.4.1 插入Flash視頻 154
7.4.2 透明效果 155
7.5 小結 156
7.6 習題 156
第8章 表格 160
8.1 表格的構建 160
8.1.1 表頭單元格 161
8.1.2 單元格數據標籤 161
8.1.3 表格的標題 162
8.2 表格的外觀 163
8.2.1 寬度（width）和高度（height） 163
8.2.2 背景顏色和圖像 164
8.2.3 表格間距和表格填充 165
8.2.4 表格行的對齊方式 167
8.3 框線 169
8.3.1 框線寬度（border） 169
8.3.2 框線顏色（bordercolor） 169
8.3.3 框線顯示 171
8.4 跨多行和多列的表元 171
8.4.1 跨多列（colspan） 172
8.4.2 跨多行（rowspan） 172
8.5 表格行分組 173
8.5.1 表頭標籤 173
8.5.2 主體標籤 173
8.5.3 章節附注標籤 173
8.6 表格的嵌套 174
8.7 小結 175
8.8 習題 175
結構布局篇
第9章 框架 182
9.1 框架概述 182
9.1.1 框架的構成 182
9.1.2 自定義框架 183
9.1.3 <noframes> 標籤 184
9.2 框架集 185
9.2.1 分割左右視窗 185
9.2.2 分割上下視窗 186
9.2.3 CSS中的框架設定 186
9.3 子框架 187
9.3.1 調節框架 187
9.3.2 視窗嵌套 187
9.3.3 視窗的名稱和連結 188
9.4 框架外觀 189
9.4.1 框線粗細（border） 189
9.4.2 框線顏色 190
9.4.3 框線的顯示 190
9.4.4 空白距離 191
9.5 浮動框架 191
9.5.1 浮動視窗（iframe） 191
9.5.2 透明浮動視窗 191
9.5.3 滾動條的設定 192
9.5.4 浮動視窗連結 192
9.6 小結 193
9.7 習題 193
第10章 DIV+CSS 200
10.1 <div> 標籤 200
10.1.1 <div> 標籤的套用 200
10.1.2 嵌套 <div> 標籤 201
10.2 盒模型 201
10.2.1 盒模型的概念 201
10.2.2 基本盒模型 205
10.3 定位 206
10.3.1 基本概念介紹 206
10.3.2 浮動定位 206
10.3.3 清除浮動 208
10.3.4 多個元素的浮動套用 209
10.3.5 兩個元素的浮動套用 211
10.4 絕對定位 212
10.4.1 絕對定位的概念 212
10.4.2 單個元素的絕對定位 213
10.4.3 兩個元素的絕對定位 214
10.5 相對定位 215
10.5.1 單個元素的相對定位 215
10.5.2 兩個元素的相對定位 217
10.6 普通流定位 218
10.7 小結 219
10.8 習題 219
首尾結構篇
第11章 網頁頭部 226
11.1 使用頭部 226
11.2 頁面描述信息 226
11.2.1 定義關鍵字 227
11.2.2 連結檔案屬性 228
11.2.3 基連結屬性 228
11.3 HTTP標題信息 228
11.3.1 http-equiv屬性 228
11.3.2 過渡效果屬性 229
11.3.3 文檔類型與語言屬性 230
11.3.4 主題與腳本類型屬性 231
11.3.5 打開視窗屬性 231
11.3.6 自動刷新屬性 231
11.3.7 禁用快取屬性 232
11.3.8 快取時間屬性 232
11.3.9 網頁cookie屬性 233
11.4 網頁標題 233
11.5 小結 234
11.6 習題 234
第12章 頁腳 237
12.1 頁腳的構成 237
12.1.1 著作權聲明 240
12.1.2 網站相關信息說明 240
12.1.3 網站Logo 240
12.1.4 友情連結 241
12.1.5 整體導航 241
12.1.6 網站備案信息 241
12.2 樣式調整及修改 242
12.3 小結 243
12.4 習題 243
第13章 腳本和事件 247
13.1 腳本 247
13.1.1 定義腳本 247
13.1.2 替換文本 249
13.1.3 嵌入對象 250
13.2 事件 251
13.2.1 觸發載入事件 251
13.2.2 觸發雙擊事件 252
13.3 觸發滑鼠按鈕事件 253
13.3.1 觸發滑鼠按下事件 253
13.3.2 觸發滑鼠釋放事件 254
13.3.3 觸發滑鼠移動事件 255
13.3.4 觸發滑鼠經過事件 256
13.3.5 觸發滑鼠離開事件 257
13.4 觸發鍵盤事件 258
13.4.1 觸發按下鍵盤按鍵事件 258
13.4.2 觸發鍵盤按鍵被按下並鬆開事件 259
13.4.3 觸發鍵盤按鍵被鬆開事件 260
13.5 觸發頁面相關事件 260
13.5.1 觸發圖片在下載時被用戶中斷事件 261
13.5.2 觸發當前頁面的內容將被修改事件 261
13.5.3 觸發捕捉當前頁面錯誤事件 262
13.5.4 觸發頁面內容完成傳送到瀏覽器事件 263
13.5.5 觸發瀏覽器視窗大小被改變事件 264
13.5.6 觸發瀏覽器滾動條位置變化事件 264
13.5.7 觸發當前頁面被改變事件 265
13.6 表單相關事件 266
13.6.1 觸發元素失去焦點事件 266
13.6.2 觸發元素改變事件 267
13.6.3 觸發元素獲得焦點事件 268
13.6.4 觸發表單重置事件 269
13.6.5 觸發表單提交事件 270
13.7 滾動字幕事件 271
13.7.1 觸發內容移動至顯示範圍之外事件 271
13.7.2 觸發完成需要顯示內容後的事件 272
13.7.3 觸發開始顯示內容事件 273
13.8 編輯事件 274
13.8.1 觸發按下滑鼠右鍵出現選單事件 274
13.8.2 觸發所選擇內容被複製後的事件 275
13.8.3 觸發所選擇內容被剪下時的事件 276
13.8.4 觸發滑鼠拖動事件 277
13.8.5 觸發失去滑鼠移動所形成的選擇焦點事件 277
13.8.6 觸發內容貼上事件 278
13.8.7 觸發內容被選擇事件 279
13.8.8 觸發內容選擇準備開始事件 280
13.9 外部事件 280
13.9.1 觸發文檔被列印後的事件 280
13.9.2 觸發文檔將要列印時的事件 281
13.9.3 觸發濾鏡效果發生變化時的事件 282
13.9.4 觸發按下【F1】鍵（或者選擇“幫助”選單）時的事件 283
13.9.5 觸發對象的屬性之一發生變化時的事件 284
13.10 數據綁定 285
13.11 小結 285
13.12 習題 285
實例篇
第14章 個人網站製作 294
14.1 網站整體規劃 294
14.1.1 層次分析 294
14.1.2 模組劃分 294
14.1.3 首頁分析 295
14.2 首頁製作 295
14.2.1 首頁設計 295
14.2.2 XHTML結構的構建和CSS布局 296
14.2.3 頂部欄的製作 296
14.2.4 Banner的製作 297
14.2.5 最新留言的製作 298
14.2.6 最新日誌的製作 299
14.2.7 最新照片的製作 299
14.2.8 設定背景圖片 301
14.2.9 設定導航條及標題欄漸變背景 301
14.2.10 設定頁面垂直滾動條樣式 302
14.3 日誌頁面製作 302
14.3.1 思路分析 303
14.3.2 瀏覽日誌功能的實現 304
14.4 照片頁面製作 305
14.4.1 思路分析 305
14.4.2 瀏覽照片功能的實現 307
14.5 小結 308
第15章 入口網站製作 309
15.1 網站整體規劃 309
15.1.1 層次分析 309
15.1.2 模組分析 310
15.1.3 首頁分析 310
15.2 首頁製作 311
15.2.1 首頁設計 311
15.2.2 XHTML結構的構建和CSS布局 311
15.2.3 頂部欄的製作 312
15.2.4 Banner的製作 312
15.2.5 導航條的製作 313
15.2.6 熱點訊息欄的製作 313
15.2.7 便民信息欄和熱點人物欄的製作 314
15.2.8 設定頁面主體背景 315
15.2.9 設定有規律的背景圖片 315
15.2.10 插入無虛框的Flash動畫 316
15.2.11 輪換照片的製作 316
15.3 欄目頁面製作 318
15.4 文章頁面製作 319
15.5 小結 320
