《HTML XHTML CSS網頁製作從入門到精通》是2008年7月人民郵電出版社出版的圖書，作者是騰飛科技、何秀芳、周進、張淑菊。
基本介紹
- 書名：HTML XHTML CSS網頁製作從入門到精通
- 作者：騰飛科技、何秀芳、周進、張淑菊
- ISBN：9787115180223
- 頁數：322頁
- 定價：39元
- 出版社：人民郵電出版社
- 出版時間：2008年7月
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
HTML是網頁製作的基礎語言，是每個網頁製作者必須掌握的內容。XHTML 1.0是一種在HTML 4.0基礎上最佳化和改進的新語言，是基於XML的套用。建立XHTML的目的就是實現HTML向XML的過渡。目前在網站設計中推崇的Web標準就是基於XHTML的套用。
本書通過大量的實例，循序漸進地介紹了使用HTML、XHTML和CSS創建網頁以及進行頁面布局的基礎知識。
全書共分為3個部分，包括14章及一個附錄，重點介紹使用HTML和XHTML進行網頁製作的方方面面知識，同時講解了目前流行的Web標準與CSS網頁布局的具體方法和實例。為了便於讀者學習，附錄中匯集了經過作者精心整理的網頁製作常見問題解答50多例。
本書語言簡潔、內容豐富，適合網頁設計與製作人員、網站建設與開發人員、大專院校相關專業師生、網頁製作培訓班學員、個人網站愛好者閱讀。
圖書目錄
第 一部分 HTML網頁製作篇
第 1章 從零開始認識HTML 2
1.1 HTML的基本概念 2
1.2 HTML檔案的基本結構 2
1.2.1 HTML檔案結構 2
1.2.2 編寫HTML檔案的注意事項 3
1.3 編寫簡單的HTML實例 3
1.3.1 使用記事本手工編寫HTML頁面 3
1.3.2 使用Dreamweaver編寫HTML頁面 4
1.4 運行並瀏覽HTML檔案 5
1.4.1 查看頁面效果 5
1.4.2 查看源檔案 5
第 2章 HTML檔案基本標記 7
2.1 頭部標記head 7
2.2 標題標記title 7
2.3 元信息標記meta 8
2.3.1 定義頁面關鍵字 8
2.3.2 定義頁面描述 9
2.3.3 定義編輯工具 9
2.3.4 定義作者信息 10
2.3.5 限制搜尋方式 10
2.3.6 定義網頁文字及語言 11
2.3.7 定義網頁的定時跳轉 11
2.3.8 定義網頁的過渡效果 13
2.4 頁面主體標記body 14
2.4.1 定義網頁背景色bgcolor 14
2.4.2 設定背景圖片background 15
2.4.3 設定文字顏色text 16
2.4.4 設定連結文字屬性link 16
2.4.5 設定邊距margin 19
2.5 頁面注釋標記 20
2.6 實例演練——創建基本的HTML網頁 21
第3章 設計網頁文本內容 23
3.1 設定文字格式 23
3.1.1 設定文字大小 23
3.1.2 設定標題 24
3.1.3 設定字型 25
3.1.4 設定文字的顏色 26
3.1.5 加大與縮小 27
3.1.6 粗體與斜體 29
3.1.7 上標與下標 30
3.1.8 刪除線與下劃線 31
3.1.9 設定等寬字型 33
3.2 設定段落格式 34
3.2.1 簡單換行 34
3.2.2 開始一個新段落 35
3.2.3 文字居左、居中與居右 35
3.2.4 設定段落的文字方向 36
3.2.5 水平線 37
3.2.6 不換行 38
3.2.7 預定義格式 39
3.2.8 長引用 40
3.2.9 短引用 41
3.3 設定滾動效果 42
3.3.1 滾動標記marquee 42
3.3.2 滾動方向direction 43
3.3.3 滾動方式behavior 43
3.3.4 滾動次數loop 44
3.3.5 滾動速度scrollamount 46
3.3.6 滾動延遲scrolldelay 46
3.3.7 滾動區域的背景顏色bgcolor 47
3.3.8 滾動背景寬度和高度width、height 48
3.3.9 設定空白空間hspace、vspace 49
3.4 實例演練——設定網頁文本及段落 50
第4章 使用列表 53
4.1 使用無序列表 53
4.1.1 無序列表標記ul 53
4.1.2 設定無序列表的類型type 54
4.1.3 定義列表標記dl 55
4.1.4 選單列表標記menu 56
4.1.5 列表dir 57
4.2 使用有序列表 58
4.2.1 有序列表標記ol 58
4.2.2 有序列表的類型type 59
4.2.3 有序列表的起始數值start 60
4.3 使用嵌套列表 61
4.3.1 定義列表的嵌套 61
4.3.2 無序列表和有序列表的嵌套 62
4.4 實例演練——在網頁中添加各種列表 63
第5章 使用圖像和多媒體 67
5.1 在網頁中使用圖像 67
5.1.1 圖像標記img 67
5.1.2 設定圖像高度height 68
5.1.3 設定圖像寬度width 69
5.1.4 設定圖像的框線border 70
5.1.5 設定圖像水平間距hspace 71
5.1.6 設定圖像垂直間距vspace 72
5.1.7 設定圖像的對齊方式align 73
5.1.8 設定圖像的提示文字alt 74
5.2 添加背景音樂 75
5.2.1 設定背景音樂bgsound 75
5.2.2 設定循環播放次數loop 76
5.3 添加多媒體檔案 77
5.3.1 添加多媒體檔案標記embed 77
5.3.2 設定自動運行autostart 77
5.3.3 設定循環播放loop 78
5.3.4 隱藏面板hidden 79
5.4 添加其他類型的媒體檔案 80
5.4.1 插入Flash動畫 80
5.4.2 插入MP3音樂 80
5.4.3 插入ASF視頻 81
5.4.4 插入Java Applet 82
5.5 實例演練——創建豐富多彩的圖像和多媒體網頁 83
第6章 使用超連結 85
6.1 超連結基本知識 85
6.2 創建基本超連結 86
6.2.1 超連結標記 86
6.2.2 設定超連結的目標視窗 87
6.3 創建錨點連結 88
6.3.1 創建錨點 88
6.3.2 連結到同一頁面的錨點 89
6.3.3 連結到不同頁面的錨點 90
6.4 創建其他超連結 91
6.4.1 連結到外部網站 91
6.4.2 創建E-mail連結 92
6.4.3 創建Telnet連結 93
6.4.4 創建下載檔案連結 93
6.4.5 創建腳本連結 94
6.4.6 創建空連結 95
6.5 實例演練——在網頁中添加各種連結 95
第7章 使用表格顯示數據 99
7.1 創建表格 99
7.1.1 表格的基本構成table、tr、td 99
7.1.2 設定表格的標題caption 100
7.1.3 表格的表頭th 101
7.2 設定表格基本屬性 102
7.2.1 設定表格寬度width 102
7.2.2 設定表格高度height 103
7.2.3 設定表格對齊方式align 104
7.3 設定表格的框線 105
7.3.1 表格框線寬度border 105
7.3.2 表格框線顏色bordercolor 106
7.3.3 內框寬度cellspacing 107
7.3.4 表格內文字與框線間距cellpadding 108
7.4 設定表格背景 110
7.4.1 設定表格背景顏色bgcolor 110
7.4.2 設定表格的背景圖像 111
7.5 設定表格的行屬性 111
7.5.1 高度的控制height 112
7.5.2 框線顏色bordercolor 113
7.5.3 行背景bgcolor、background 114
7.5.4 行文字的水平對齊方式align 115
7.5.5 行文字的垂直對齊方式valign 116
7.6 調整單元格屬性 117
7.6.1 單元格大小width、height 117
7.6.2 水平跨度colspan 118
7.6.3 垂直跨度rowspan 119
7.6.4 對齊方式align、valign 120
7.6.5 設定單元格的背景色 121
7.6.6 設定單元格的框線顏色bordercolor 122
7.6.7 設定單元格的亮框線bordercolorlight 123
7.6.8 設定單元格的暗框線bordercolordark 124
7.6.9 設定單元格的背景圖像background 125
7.7 表格的結構 126
7.7.1 表格的表首標記 126
7.7.2 表格的表主體標記 127
7.7.3 表格的表尾標記 128
7.8 實例演練——使用表格列舉產品信息 129
第8章 使用表單創建互動式網頁 133
8.1 使用表單標記form 133
8.1.1 處理動作action 133
8.1.2 表單名稱name 134
8.1.3 傳送方法method 134
8.1.4 編碼方式enctype 135
8.1.5 目標顯示方式target 135
8.2 插入表單對象 136
8.2.1 文字欄位text 136
8.2.2 密碼域password 137
8.2.3 單選按鈕radio 138
8.2.4 複選框checkbox 139
8.2.5 普通按鈕button 140
8.2.6 提交按鈕submit 141
8.2.7 重置按鈕reset 142
8.2.8 圖像域image 143
8.2.9 隱藏域hidden 144
8.2.10 檔案域file 144
8.3 列表/選單 145
8.3.1 下拉選單 145
8.3.2 列表項 146
8.4 文本域標記textarea 148
8.5 id標記 149
8.6 實例演練——創建提交表單網頁 149
第9章 創建框架結構網頁 155
9.1 框架簡介 155
9.2 設定框架集frameset 155
9.2.1 水平分割視窗rows 155
9.2.2 垂直分割視窗cols 156
9.2.3 嵌套分割視窗 157
9.2.4 框架集框線frameborder 158
9.2.5 框架集的框線寬度framespacing 159
9.2.6 框架集的框線顏色bordercolor 160
9.3 設定框架frame 161
9.3.1 框架頁面源檔案src 161
9.3.2 框架名稱name 162
9.3.3 調整框架視窗的尺寸noresize 163
9.3.4 框架框線與頁面內容的水平邊距marginwidth 164
9.3.5 框架框線與頁面內容的垂直邊距marginheight 165
9.3.6 設定框架滾動條scrolling 165
9.3.7 不支持框架標記noframes 166
9.4 浮動框架iframe 167
9.4.1 浮動框架的頁面源檔案src 167
9.4.2 浮動框架的寬度和高度width和height 168
9.4.3 浮動框架對齊方式align 169
9.4.4 框架框線與頁面內容的水平邊距marginwidth 170
9.4.5 框架框線與頁面內容的垂直邊距marginheight 171
9.4.6 設定浮動框架是否顯示滾動條scrolling 172
9.4.7 浮動框架的框線frameborder 174
9.5 設定框架中的連結 175
9.5.1 設定普通框架結構的連結 175
9.5.2 設定浮動框架的連結 179
第 二部分 XHTML網頁製作篇
第 10章 使用XHTML 182
10.1 XHTML簡介 182
10.1.1 什麼是XHTML 182
10.1.2 為什麼要升級到XHTML 182
10.2 XHTML頁面結構 183
10.2.1 文檔類型聲明 183
10.2.2 元素和名字空間 183
10.2.3 網頁頭部元素 183
10.2.4 頁面標題元素 184
10.2.5 頁面主體元素 184
10.3 XHTML語法規範 184
10.3.1 XHTML元素必須是完全嵌套的 184
10.3.2 XHTML文檔格式必須規範 185
10.3.3 標籤名必須是小寫的 185
10.3.4 所有的XHTML元素都必須有始有終 186
10.3.5 用id屬性代替name屬性 186
10.3.6 DOCTYPE聲明是不可缺少的 186
10.3.7 屬性必須加上英文雙引號 187
10.3.8 明確所有屬性的值 187
10.4 在Dreamweaver中編輯XHTML檔案 187
10.5 將現有的HTML網站轉換成XHTML 188
第三部分 CSS頁面布局與案例篇
第 11章 CSS語法基礎 192
11.1 CSS的基本語法結構 192
11.2 在網頁中添加CSS的方法 192
11.2.1 連結外部樣式表 193
11.2.2 內部樣式表 193
11.2.3 導入外部樣式表 193
11.2.4 內嵌樣式 194
11.3 在Dreamweaver中編寫CSS 194
11.4 字型屬性 196
11.4.1 字型font-family 196
11.4.2 字號font-size 197
11.4.3 字型風格font-style 198
11.4.4 加粗字型font-weight 199
11.4.5 變體屬性font-variant 200
11.4.6 文字修飾text-decoration 201
11.4.7 字型複合屬性font 202
11.5 文本屬性 203
11.5.1 單詞間隔word-spacing 203
11.5.2 字母間隔letter-spacing 204
11.5.3 水平對齊text-align 205
11.5.4 垂直對齊vertical-align 206
11.5.5 大小寫轉換text-transform 207
11.5.6 文本縮進text-indent 208
11.5.7 文本行高line-height 209
11.5.8 文本空格white-space 210
11.5.9 文本反排unicode-bidi與direction 211
1．unicode-bidi屬性 211
2．direction屬性 211
11.6 框線屬性 212
11.6.1 框線樣式border-style 212
11.6.2 框線寬度border-width 214
11.6.3 框線顏色border-color 215
11.6.4 框線複合屬性border 216
11.7 列表屬性 217
11.7.1 列表類型list-style-type 217
11.7.2 項目符號圖像list-style-image 218
11.7.3 列表位置list-style-position 220
11.7.4 列表複合屬性list-style 221
11.8 定位屬性 222
11.8.1 定位類型position 222
11.8.2 置入位置top、right、bottom、left 222
11.8.3 層疊順序z-index 224
11.8.4 浮動屬性float 225
11.8.5 清除屬性clear 226
11.8.6 裁切區域clip 227
11.8.7 寬度和高度width、height 228
11.8.8 溢出overflow 230
11.8.9 顯示屬性visibility 232
11.9 邊界與填充屬性 234
11.9.1 上邊界margin-top 234
11.9.2 其他邊界margin-bottom、margin-left、margin-right 235
11.9.3 邊界複合屬性margin 236
11.9.4 上填充padding-top 237
11.9.5 其他填充padding-bottom、padding-right、padding-left 238
11.9.6 填充複合屬性padding 239
11.10 背景屬性 240
11.10.1 背景顏色background-color 241
11.10.2 背景圖像background-image 242
11.10.3 背景重複background-repeat 243
11.10.4 背景附屬檔案background-attachment 245
11.10.5 背景位置background-position 245
11.10.6 背景複合屬性background 247
11.11 游標屬性cursor 248
11.12 擴展濾鏡屬性 249
11.12.1 不透明度alpha 249
11.12.2 動感模糊blur 251
11.12.3 對顏色進行透明處理chroma 252
11.12.4 陰影效果dropShadow 254
11.12.5 對象的翻轉flipH、flipV 255
11.12.6 發光效果glow 256
11.12.7 灰度處理gray 257
11.12.8 反相invert 258
11.12.9 X光片效果xray 259
11.12.10 遮罩效果mask 260
11.12.11 波形濾鏡wave 261
11.13 實例演練——利用CSS控制網頁中的文本 262
第 12章 使用CSS+DIV布局網頁 267
12.1 Web標準與CSS布局 267
12.1.1 什麼是Web標準 267
1．結構(Structure) 267
2．表現(Presentation) 267
3．行為(Behavior) 267
12.1.2 CSS布局的優勢 268
12.2 常見的布局類型 268
12.2.1 一列固定寬度 268
12.2.2 一列自適應 269
12.2.3 兩列固定寬度 270
12.2.4 兩列寬度自適應 270
12.2.5 兩列右列寬度自適應 271
12.2.6 三列浮動中間寬度自適應 272
12.2.7 三行二列居中高度自適應布局 273
第 13章 個人部落格網站布局 277
13.1 部落格網站概述 277
13.2 部落格網站主頁布局設計 278
13.3 部落格網站主頁具體製作過程 278
13.3.1 導入外部CSS 278
13.3.2 製作網頁頭部分 280
13.3.3 製作頁面內容部分 282
13.3.4 製作頁面頁腳部分 290
第 14章 公司宣傳網站的布局 293
14.1 企業網站設計分析 293
14.1.1 企業網站內容設計 293
14.1.2 排版構架 294
14.2 各部分設計 295
14.2.1 Logo與頂部導航 295
14.2.2 左側導航 297
14.2.3 主體內容 299
14.2.4 製作搜尋部分 303
14.2.5 製作公司新聞 304
14.2.6 製作聯繫我們 304
14.2.7 底部版權資訊 305
附錄 網頁製作常見問題解答 307
1．“網頁”與“HTML頁面”之間以及它們與“主頁”和“網站”之間的區別是什麼 307
2．為什麼Internet上的有些網頁開頭並沒有使用標記 307
3．如何製作每隔一定的時間自動刷新本頁面 307
4．如何解決有時候在HTML文檔中用
標記換行時與上一行的距離相隔很遠的問題 307
5．如何讓站點自動跳轉到另一頁 307
6．怎樣將水平線的顏色設定為紅色 307
7．如何實現圖像從右往左滾動的效果 308
8．怎樣提高站點在搜尋引擎中被搜尋到的機會 308
9．如何避免自己的圖片被其他站點利用 308
10．如何為圖像添加框線 308
11．如何正確使用圖片格式 309
12．放在標記的“alt=”後面的信息應多長 309
13．為什麼在HTML文檔中使用了標記，但瀏覽網頁時只看到一個包含“×”的小框 309
14．如何為網頁添加背景音樂 309
15．如何在一個站點不同頁面間播放同一種聲音檔案 309
16．如何利用Applet實現翻書動畫效果 310
17．如何為文字連結加上文字提示 311
18．如何跳到頁面的頂部 311
19．如何防止站點頁面被任意連結 311
20．如何讓字元不會撐大表格 311
21．設定表格的寬度時，單位選擇“像素”或“百分比”有什麼區別呢 312
22．為什麼表格里的背景不能預覽 312
23．為什麼有時候表格高度為1時不起作用 312
24．為什麼有時候製作一個大表格，載入這個網頁時，很長時間都沒有任何顯示 313
25．如何使網頁的表格有一個單元格是可以改變的，而其他單元格保持不變 313
26．如何使滑鼠指針經過單元格時改變顏色 313
27．如何避免表單撐開表格 314
28．如何使用腳本來處理表單，何時使用Email，根據什麼來選擇 314
29．如何清除頁面中的框架結構 314
30．div標記與span標記有什麼區別 314
31．如何去除瀏覽器的“滾動條” 315
32．如何讓瀏覽器正確顯示Word檔案格式 315
33．為什麼頁面四周有空白 315
34．如何使用CSS樣式固定字型大小及文本間行距 315
35．如何設定文字與文字之間的間距 315
36．如何去掉連結的下劃線 316
37．如何正確對齊文本 316
38．如何解決超連結訪問過後hover樣式不出現的問題 316
39．如何改變滑鼠指針的形狀 316
40．如何給某部分內容加框線 317
41．如何讓文本垂直居中 317
42．如何讓div橫向排列 318
43．如何讓背景不隨文字的移動而移動 318
44．如何解決list-style-image無法準確定位的問題 319
45．為什麼無法定義1px左右高度的容器 319
46．怎樣使一個層垂直居中於瀏覽器中 319
47．如何設定滾動條的顏色 319
48．如何在網頁中給文字添加光暈效果 320
49．如何製作圖像波浪效果 321
50．如何製作當游標移上時圖片漸變的效果 321
51．如果網頁連結了一個樣式表，樣式表指定所有文本為綠色，但在網頁的某處有一個標記，則這個標記內的文本將是綠色還是紅色 322
52．在一些樣式表中，樣式規則定義以“#”開始，這是什麼，可以在樣式表中使用嗎 322
