HTML+CSS網站開發兵書（含DVD光碟1張）

《HTML+CSS網站開發兵書（含DVD光碟1張）》是2013年8月電子工業出版社出版的圖書，作者是高洪濤。

基本介紹

• 書名：HTML+CSS網站開發兵書（含DVD光碟1張）
• 作者：高洪濤
• 出版社：電子工業出版社
• 出版時間：2013年8月
• 頁數：516 頁
• 定價：79 元 
• 開本：16(185*260)
• ISBN：9787121212369
• 字數：1032千字
• 版次：01-01

內容簡介

本書是一本與眾不同的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 認識HTML8

1.3.1 創建HTML網頁8

1.3.2 HTML結構9

1.4 在Dreamweaver中直接編寫HTML10

1.4.1 編寫HTML代碼10

1.4.2 保存並查看HTML檔案12

1.5 小結13

1.6 習題13

第2章 飛龍在天：進一步認識HTML14

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 URL266

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 當子元素邊界為0385

14.5.2 當父元素補白為0388

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 小結