HTML+CSS網站開發兵書

HTML+CSS網站開發兵書

《HTML+CSS網站開發兵書》是2013年8月電子工業出版社出版的圖書,作者是高洪濤。

基本介紹

  • 中文名:HTML+CSS網站開發兵書
  • 作者:高洪濤
  • ISBN:9787121212369
  • 頁數:516頁
  • 定價:79元
  • 出版社:電子工業出版社
  • 出版時間:2013年8月
  • 開本:16開
內容簡介,圖書目錄,

內容簡介

本書是一本與眾不同的HTML 標記語言讀物,它以實際的網頁為主,為讀者展現了網頁的組成部分及各部分的設計。其他類似的書都是以HTML 標籤來講解,本書不同的是,在講解標籤舉例的時候會將生活中的哲理、常識等都融入其中,讓讀者感受到這本書的“生命力”,從而讓讀者對HTML 有一個很深刻的認識和理解。
本書共16 章,分為3 篇,從網頁最基礎的部分著手,讓讀者不僅學習HTML,還能認識網頁與網站的區別。本書的主要內容有:先和網頁打個交道、進一步認識HTML、創建文本樣式、創建超連結、添加圖像、添加多媒體、創建列表、建立表格、添加表單、框架結構、DIV 布局、CSS 基礎、CSS 頁面布局、CSS 容器、CSS 設定和修飾、網頁布局與設計技巧等。通過學習本書的內容,讀者可以在較短的時間內理解HTML 標籤如何使用及如何將其套用到網頁中,這為下一步做網頁打下了良好的基礎。
本書適合沒有HTML 標記語言基礎的新手學習;對於有一定基礎的讀者,可以通過本書進一步了解HTML 標籤如何使用。

圖書目錄

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

熱門詞條

聯絡我們