HTML+CSS網(wǎng)站開發(fā)兵書 高洪濤pdf掃描版

HTML+CSS網(wǎng)站開發(fā)兵書是一本教你如何使用HTML和CSS來開發(fā)網(wǎng)站的網(wǎng)站開發(fā)教材書籍，由高洪濤編著。本書是一本與眾不同的HTML標(biāo)記語言讀物，以實際的網(wǎng)頁為主，為讀者展現(xiàn)了網(wǎng)頁的組成部分及各部分的設(shè)計。其他類似的書都是以HTML標(biāo)簽來講解，本書不同的是，在講解標(biāo)簽舉例的時候會將生活中的哲理、常識等都融入其中，讓讀者感受到這本書的“生命力”，從而讓讀者對HTML有一個很深刻的認(rèn)識和理解，非常適合沒有HTML標(biāo)記語言基礎(chǔ)的新手學(xué)習(xí)。

內(nèi)容介紹

《HTML+CSS網(wǎng)站開發(fā)兵書》本書共16章，分為3篇，從網(wǎng)頁最基礎(chǔ)的部分著手，讓讀者不僅學(xué)習(xí)HTML，還能認(rèn)識網(wǎng)頁與網(wǎng)站的區(qū)別。本書的主要內(nèi)容有：先和網(wǎng)頁打個交道、進(jìn)一步認(rèn)識HTML、創(chuàng)建文本樣式、創(chuàng)建超鏈接、添加圖像、添加多媒體、創(chuàng)建列表、建立表格、添加表單、框架結(jié)構(gòu)、DIV布局、CSS基礎(chǔ)、CSS頁面布局、CSS容器、CSS設(shè)置和修飾、網(wǎng)頁布局與設(shè)計技巧等。通過學(xué)習(xí)本書的內(nèi)容，讀者可以在較短的時間內(nèi)理解HTML標(biāo)簽如何使用及如何將其應(yīng)用到網(wǎng)頁中，這為下一步做網(wǎng)頁打下了良好的基礎(chǔ)。

HTML+CSS網(wǎng)站開發(fā)兵書章節(jié)目錄

第1篇 HTML基礎(chǔ)
第1章 見龍在田：先和網(wǎng)頁打個交道 2
1.1 進(jìn)一步認(rèn)識網(wǎng)頁 2
1.1.1 什么是網(wǎng)頁 2
1.1.2 網(wǎng)頁的版塊結(jié)構(gòu) 3
1.2 Dreamweaver簡介 4
1.2.1 標(biāo)題欄 5
1.2.2 菜單欄 5
1.2.3 插入欄 6
1.2.4 文檔工具欄 6
1.2.5 屬性面板 7
1.2.6 其他面板 8
1.3 認(rèn)識HTML 8
1.3.1 創(chuàng)建HTML網(wǎng)頁 8
1.3.2 HTML結(jié)構(gòu) 9
1.4 在Dreamweaver中直接編寫HTML 10
1.4.1 編寫HTML代碼 10
1.4.2 保存并查看HTML文件 12
1.5 小結(jié) 13
1.6 習(xí)題 13
第2章 飛龍在天：進(jìn)一步認(rèn)識HTML 14
2.1 HTML簡介 14
2.1.1 HTML的基本結(jié)構(gòu) 14
2.1.2 HTML的基本元素 15
2.2 HTML基本語法 16
2.2.1 網(wǎng)頁基本關(guān)鍵字 16
2.2.2 格式輔助標(biāo)記 17
2.2.3 列表標(biāo)簽 24
2.2.4 文件之間的鏈接標(biāo)簽 27
2.2.5 其他標(biāo)簽 28
2.3 小結(jié) 29
2.4 習(xí)題 29
第2篇 HTML應(yīng)用篇
第3章 鴻漸于陸：創(chuàng)建文本樣式 32
3.1 標(biāo)題文字概述 32
3.1.1 設(shè)置標(biāo)題文字 32
3.1.2 設(shè)置標(biāo)題文字的對齊方式 33
3.2 設(shè)置文字格式 34
3.2.1 設(shè)置文字字體 34
3.2.2 設(shè)置字體大小 35
3.2.3 設(shè)置文字顏色 36
3.2.4 設(shè)置粗體、斜體、下畫線 37
3.2.5 設(shè)置上標(biāo)、下標(biāo) 39
3.2.6 設(shè)置文字的刪除線 39
3.2.7 設(shè)置等寬文字標(biāo)記 40
3.2.8 空格的使用 41
3.2.9 其他特殊符號 42
3.3 設(shè)置段落屬性 43
3.3.1 設(shè)置段落 43
3.3.2 設(shè)置文本右縮進(jìn) 44
3.3.3 設(shè)置段落的換行 45
3.3.4 設(shè)置段落的居中對齊 45
3.3.5 取消文字的換行 47
3.3.6 保留原始排版方式標(biāo)記 48
3.4 設(shè)置網(wǎng)頁中的水平線 49
3.4.1 添加水平線 49
3.4.2 設(shè)置水平線的對齊方式 49
3.4.3 設(shè)置水平線的顏色 50
3.4.4 去掉水平線陰影 51
3.4.5 設(shè)置水平線寬度與高度屬性 52
3.5 小結(jié) 53
3.6 習(xí)題 53
第4章 潛龍勿用：創(chuàng)建超鏈接 55
4.1 初步認(rèn)識超鏈接 55
4.2 初步認(rèn)識超鏈接的標(biāo)記 56
4.2.1 超鏈接的基本標(biāo)記 57
4.2.2 創(chuàng)建文本超鏈接 57
4.2.3 超鏈接的目標(biāo)頁面 58
4.2.4 內(nèi)部鏈接 60
4.3 書簽鏈接 63
4.3.1 建立書簽 63
4.3.2 同一頁面的書簽鏈接 65
4.3.3 不同頁面的書簽鏈接 66
4.4 設(shè)置不同的鏈接對象 67
4.4.1 設(shè)置外部鏈接：鏈接HTTP頁面 67
4.4.2 設(shè)置電子郵件、FTP和Telnet的鏈接 68
4.5 網(wǎng)頁中的錨點(diǎn) 69
4.5.1 設(shè)定錨點(diǎn) 69
4.5.2 鏈接到錨點(diǎn) 71
4.6 小結(jié) 75
4.7 習(xí)題 75
第5章 神龍擺尾：添加圖像 77
5.1 初步認(rèn)識圖像的格式 77
5.2 添加圖像 78
5.3 設(shè)置圖像屬性 79
5.3.1 圖像相對于文字基準(zhǔn)線的對齊方式 79
5.3.2 圖像的提示文字 81
5.3.3 圖像的邊框 82
5.3.4 圖像高度 83
5.3.5 圖像水平間距 83
5.3.6 圖像垂直間距 84
5.3.7 圖像寬度 85
5.4 圖像的超鏈接 86
5.4.1 設(shè)置圖像的超鏈接 86
5.4.2 設(shè)置圖像熱區(qū)鏈接 88
5.5 設(shè)置背景音樂 92
5.5.1 添加背景音樂 92
5.5.2 設(shè)置背景音樂的循環(huán)播放次數(shù) 93
5.6 小結(jié) 93
5.7 習(xí)題 94
第6章 聲東擊西：添加多媒體 95
6.1 初步設(shè)置動態(tài)文字 95
6.1.1 設(shè)置滾動文字 95
6.1.2 設(shè)置文字的滾動方式 96
6.1.3 設(shè)置滾動文字的背景 97
6.1.4 設(shè)置文字滾動方向 98
6.1.5 設(shè)置空白空間 99
6.2 進(jìn)一步設(shè)置動態(tài)文字 100
6.2.1 設(shè)置文字的循環(huán) 100
6.2.2 設(shè)置滾動速度 101
6.2.3 設(shè)置滾動延遲 102
6.2.4 設(shè)置滾動背景面積 103
6.3 添加多媒體文件 104
6.3.1 添加多媒體文件標(biāo)記 104
6.3.2 設(shè)置自動運(yùn)行 104
6.3.3 隱藏面板 105
6.3.4 設(shè)置媒體文件的循環(huán)播放 106
6.3.5 添加其他類型的媒體文件 107
6.4 設(shè)置背景音樂 107
6.4.1 設(shè)置背景音樂 108
6.4.2 設(shè)置背景音樂的循環(huán)播放次數(shù) 109
6.5 小結(jié) 109
6.6 習(xí)題 110
第７章 密云不雨：創(chuàng)建列表 111
7.1 創(chuàng)建無序列表 111
7.1.1 設(shè)置無序列表的符號類型 111
7.1.2 無序列表標(biāo)記 113
7.2 創(chuàng)建有序列表 114
7.2.1 有序列表標(biāo)記 114
7.2.2 有序列表的序號類型 115
7.2.3 有序列表的起始數(shù)值 117
7.3 列表的高級應(yīng)用 118
7.3.1 簡化列表 118
7.3.2 設(shè)置列表文字的顏色 119
7.4 創(chuàng)建其他類型的列表 120
7.4.1 目錄列表 120
7.4.2 定義列表標(biāo)記 121
7.4.3 菜單列表標(biāo)記 122
7.4.4 列表的嵌套 123
7.5 小結(jié) 124
7.6 習(xí)題 125
第８章 偷梁換柱：建立表格 126
8.1 表格標(biāo)記 126
8.2 設(shè)置表格基本屬性 127
8.2.1 設(shè)置表格的標(biāo)題 127
8.2.2 表格的表頭 128
8.2.3 表格對齊方式 130
8.2.4 設(shè)置表格高度 131
8.2.5 設(shè)置表格寬度 132
8.2.6 設(shè)置表格的背景圖像 134
8.2.7 設(shè)置表格背景色 135
8.2.8 設(shè)置表格的邊框?qū)挾?136
8.2.9 設(shè)置表格邊框顏色 138
8.2.10 表格內(nèi)文字與邊框距離 139
8.2.11 設(shè)置內(nèi)框?qū)挾?140
8.3 修改表格的行屬性 142
8.3.1 行文字的水平對齊方式 142
8.3.2 行背景 143
8.3.3 邊框顏色 144
8.3.4 高度的控制 145
8.3.5 行文字的垂直對齊方式 146
8.3.6 設(shè)置表格標(biāo)題的垂直對齊方式 147
8.4 調(diào)整單元格屬性 149
8.4.1 對齊方式 149
8.4.2 設(shè)置單元格的背景圖像 150
8.4.3 設(shè)置單元格的背景色 151
8.4.4 單元格的邊框顏色 153
8.4.5 設(shè)置單元格的暗邊框 154
8.4.6 設(shè)置單元格的亮邊框 155
8.4.7 水平跨度 156
8.4.8 文字內(nèi)容不換行 157
8.4.9 垂直跨度 159
8.4.10 設(shè)置單元格大小 161
8.5 設(shè)置表格的結(jié)構(gòu) 162
8.5.1 設(shè)計表頭樣式 162
8.5.2 設(shè)計表主體樣式 163
8.5.3 設(shè)計表尾樣式 165
8.5.4 表格的嵌套 166
8.5.5 層標(biāo)記 168
8.6 小結(jié) 169
8.7 習(xí)題 170
第9章 釜底抽薪：添加表單 171
9.1 添加控件 171
9.2 表單標(biāo)記 172
9.2.1 處理程序 172
9.2.2 編碼方式 173
9.2.3 傳送方法 173
9.2.4 表單名稱 174
9.2.5 目標(biāo)顯示方式 175
9.3 輸入類的控件 175
9.3.1 普通按鈕 175
9.3.2 復(fù)選項 177
9.3.3 文件域 178
9.3.4 隱藏域 179
9.3.5 圖像域 179
9.3.6 密碼域 180
9.3.7 單選按鈕 182
9.3.8 重置按鈕 183
9.3.9 提交按鈕 184
9.3.10 文字字段 185
9.3.11 文本域標(biāo)記 186
9.4 菜單列表類的控件 187
9.4.1 下拉菜單 187
9.4.2 列表項 189
9.5 id標(biāo)記 190
9.6 小結(jié) 191
9.7 習(xí)題 192
第10章 暗度陳倉：框架結(jié)構(gòu) 193
10.1 初步認(rèn)識框架 193
10.2 框架的基本屬性 194
10.2.1 嵌套分割窗口 194
10.2.2 框架的邊框顏色 195
10.2.3 垂直分割窗口 196
10.2.4 設(shè)置邊框 197
10.2.5 框架的邊框?qū)挾?198
10.2.6 水平分割窗口 199
10.3 設(shè)置窗口屬性 200
10.3.1 頁面源文件 200
10.3.2 邊框與頁面內(nèi)容的水平邊距 202
10.3.3 邊框與頁面內(nèi)容的垂直邊距 203
10.3.4 頁面名稱 204
10.3.5 不支持框架標(biāo)記 204
10.3.6 禁止調(diào)整窗口的尺寸 206
10.3.7 設(shè)置框架滾動條顯示 206
10.4 框架與鏈接 207
10.4.1 設(shè)置普通框架結(jié)構(gòu)的鏈接 208
10.4.2 浮動框架的鏈接 211
10.5 浮動框架 213
10.5.1 特有屬性：對齊方式 214
10.5.2 必需參數(shù)：頁面源文件 215
10.5.3 特有屬性：框架大小 216
10.5.4 公有參數(shù)設(shè)置 217
10.5.5 其他參數(shù) 218
10.6 小結(jié) 219
10.7 習(xí)題 220
第3篇 CSS的使用
第11章 以逸待勞：DIV布局 222
11.1 DIV標(biāo)記介紹 222
11.1.1 DIV使用格式 222
11.1.2 使用意義 224
11.2 插入DIV標(biāo)簽 224
11.3 插入層 226
11.4 小結(jié) 232
11.5 習(xí)題 232
第12章 龍戰(zhàn)于野：CSS基礎(chǔ) 233
12.1 CSS語法 233
12.2 使用選擇符 238
12.2.1 命名機(jī)制 238
12.2.2 通配選擇符 238
12.2.3 類型選擇符 241
12.2.4 群組選擇符 246
12.2.5 包含選擇符 247
12.2.6 ID選擇符 250
12.2.7 class選擇符 253
12.2.8 組合選擇符 253
12.3 CSS屬性介紹 253
12.4 CSS編碼規(guī)范 255
12.4.1 書寫規(guī)范 256
12.4.2 命名規(guī)范 256
12.5 顏色介紹 257
12.5.1 顏色名稱定義 257
12.5.2 十六進(jìn)制定義 258
12.6 長度單位 260
12.6.1 絕對長度單位 260
12.6.2 相對長度單位 261
12.7 百分比值 261
12.8 URL 266
12.8.1 相對路徑 266
12.8.2 絕對路徑 267
12.8.3 應(yīng)用實例 267
12.9 CSS的調(diào)用 272
12.10 小結(jié) 275
12.11 習(xí)題 276
第13章 反客為主：CSS頁面布局 277
13.1 CSS元素基本知識 277
13.1.1 塊元素 277
13.1.2 內(nèi)聯(lián)元素 280
13.1.3 可變元素 281
13.2 CSS元素的定位 281
13.2.1 元素的定位 282
13.2.2 定位屬性 286
13.3 內(nèi)容控制屬性 292
13.3.1 設(shè)置控制頁面內(nèi)容 292
13.3.2 設(shè)置控制顯示 294
13.3.3 設(shè)置居中顯示 297
13.3.4 設(shè)置邊界屬性 301
13.4 控制頁面背景 303
13.4.1 頁面背景概述 303
13.4.2 設(shè)置背景顏色 303
13.4.3 設(shè)置背景圖片 305
13.4.4 背景顏色和背景圖片混用 314
13.4.5 設(shè)置文本樣式 317
13.4.6 設(shè)置鏈接樣式 319
13.5 使用浮動屬性 322
13.5.1 浮動屬性簡介 322
13.5.2 固定元素相鄰 322
13.5.3 兩個浮動元素相鄰 325
13.5.4 多個浮動元素相鄰 328
13.6 清除浮動屬性 331
13.6.1 清除浮動屬性簡介 331
13.6.2 使用清除浮動屬性 334
13.7 設(shè)置列表屬性 337
13.7.1 設(shè)置列表樣式 338
13.7.2 設(shè)置列表位置 340
13.7.3 設(shè)置列表圖片 342
13.7.4 設(shè)置列表綜合屬性 345
13.8 小結(jié) 346
13.9 習(xí)題 346
第14章 皓腕玉鐲：CSS容器 348
14.1 盒模型簡介 348
14.1.1 盒模型的內(nèi)容 348
14.1.2 盒模型的背景 351
14.2 使用補(bǔ)白屬性 352
14.2.1 補(bǔ)白屬性概述 352
14.2.2 使用補(bǔ)白屬性百分比值 355
14.2.3 使用單側(cè)補(bǔ)白屬性 357
14.3 使用邊框?qū)傩?360
14.3.1 邊框樣式屬性 360
14.3.2 邊框?qū)挾葘傩?363
14.3.3 邊框顏色屬性 365
14.3.4 邊框?qū)傩缘木C合使用 367
14.3.5 使用表格邊框?qū)傩?370
14.4 使用邊界屬性 372
14.4.1 邊界屬性 372
14.4.2 單側(cè)邊界屬性 375
14.4.3 相鄰邊界屬性 377
14.5 父、子元素的距離 385
14.5.1 當(dāng)子元素邊界為0 385
14.5.2 當(dāng)父元素補(bǔ)白為0 388
14.6 嵌套元素使用負(fù)邊界 391
14.7 固定元素的大小 393
14.7.1 計算盒模型大小 394
14.7.2 固定長度和寬度 394
14.8 小結(jié) 397
第15章 簾下梳妝：CSS設(shè)置和修飾 399
15.1 CSS文本設(shè)置 399
15.1.1 文本縮進(jìn) 399
15.1.2 文本對齊 403
15.1.3 圖文混排對齊處理 408
15.1.4 設(shè)置行高和間隔 411
15.1.5 設(shè)置文本間隔和空白 419
15.1.6 實現(xiàn)文本轉(zhuǎn)換 424
15.1.7 實現(xiàn)水平和垂直居中 426
15.2 文本修飾鏈接 434
15.2.1 文本修飾 434
15.2.2 使用鏈接屬性 437
15.2.3 設(shè)置鼠標(biāo)懸停樣式 445
15.3 CSS圖片修飾 448
15.3.1 背景圖片修飾 449
15.3.2 內(nèi)容圖片修飾 450
15.4 CSS表單修飾 454
15.4.1 修飾表單文本域 454
15.4.2 修飾表單文本區(qū)域 457
15.4.3 修飾表單按鈕 460
15.4.4 修飾表單復(fù)選框 463
15.4.5 修飾表單單選按鈕 464
15.4.6 修飾表單列表 464
15.4.7 修飾表單文件域 465
15.4.8 修飾表單圖像域 466
15.5 修飾頁面滾動條 467
15.6 修飾水平線 469
15.7 修飾表格 469
15.7.1 修飾表格邊線和背景 469
15.7.2 設(shè)置表格的寬度和高度 471
15.7.3 實現(xiàn)表格的居中 471
15.7.4 設(shè)置表格內(nèi)容高度 473
15.8 小結(jié) 474
第16章 小園藝菊：網(wǎng)頁布局與設(shè)計技巧 475
16.1 網(wǎng)頁布局 475
16.1.1 網(wǎng)頁大小 475
16.1.2 網(wǎng)頁欄目劃分 476
16.1.3 表格布局 479
16.1.4 CSS布局 483
16.2 CSS布局技巧 486
16.2.1 一欄布局 486
16.2.2 二欄布局 488
16.2.3 多欄布局 493
16.2.4 層高度 497
16.3 小結(jié)

使用說明

1、下載并解壓，得出pdf文件

2、如果打不開本文件，請務(wù)必下載pdf閱讀器

3、安裝后，在打開解壓得出的pdf文件

4、雙擊進(jìn)行閱讀