內容介紹
本書由淺入深，全面、系統地介紹了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.3JavaScript 7
1.4網頁開發工具——Dreamweaver 8
1.4.1Dreamweaver CS6的安裝 8
1.4.2認識Dreamweaver CS6 10
1.5製作第一個網頁 11
1.6小結 13
1.7習題 13
結構語言篇
第2章網頁基礎必備知識 16
2.1HTML標籤 16
2.2HTML屬性 16
2.3HTML元素 17
2.4HTML檔案 17
2.5HTML注釋 18
2.6HTML顏色 18
2.6.1顏色值 18
2.6.2顏色名 19
2.6.3Web安全色 19
2.7HTML長度單位 19
2.8CSS樣式表 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.2id選擇器 23
2.9.3類選擇器 24
2.9.4標籤選擇器 26
2.9.5複合選擇器 27
2.9.6<span> 標籤 28
2.10CSS框架模型 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.1HTML段落 49
3.4.2段落的行間距 50
3.4.3標題的定義 51
3.4.4HTML水平線 52
3.4.5HTML折行 52
3.5列表 54
3.5.1無序列表 54
3.5.2有序列表 55
3.5.3定義列表 56
3.5.4CSS列表 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.3HTML連結語法 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.7E-mail連結 98
5.3.8空連結 100
5.4設定連結樣式 101
5.5HTML連結的target屬性 103
5.5.1打開空白頁 103
5.5.2打開上一級視窗 104
5.5.3在當前視窗中打開 105
5.5.4打開整個視窗 107
5.6HTML連結的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.3CSS中的框架設定 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.3HTTP標題信息 228
11.3.1http-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.2XHTML結構的構建和CSS布局 296
14.2.3頂部欄的製作 296
14.2.4Banner的製作 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.2XHTML結構的構建和CSS布局 311
15.2.3頂部欄的製作 312
15.2.4Banner的製作 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
