內容簡介
全書共分為19章和4個附錄,重點介紹使用HTML進行網頁製作的方方面面,同時講解了目前流行的Web標準與CSS網頁布局實例,以及基於
JavaScript語言的網頁特效製作,還介紹了新的
HTML5和
CSS3知識。
為了便於讀者學習,附錄中匯集了經過作者精心整理的網頁製作技巧60多例。
本書語言簡潔、內容豐富,適合網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員、個人網站愛好者閱讀。
圖書目錄
第01章HTML基礎
1.1 HTML的基本概念 2
1.1.1 HTML簡介 2
1.1.2 HTML檔案的基本結構 2
1.1.3認識HTML標記 2
1.2 HTML檔案的編寫方法 3
1.2.1使用記事本手工編寫HTML 3
1.2.2使用Dreamweaver編寫HTML檔案 4
1.3使用瀏覽器瀏覽HTML檔案 4
1.3.1查看頁面效果 4
1.3.2查看源檔案 5
1.4練習題 5
第02章HTML基本標記
2.1 HTML頭部標記head 8
2.2標題標記title 8
2.3元信息標記meta 8
2.3.1設定頁面關鍵字 9
2.3.2設定頁面說明 9
2.3.3定義編輯工具 10
2.3.4設定作者信息 10
2.3.5設定網頁文字及語言 10
2.3.6設定網頁的定時跳轉 11
2.4頁面注釋標記 11
2.5標題字 12
2.5.1標題字標記h. 12
2.5.2標題字對齊屬性align 13
2.6段落標記14
2.6.1段落標記p 14
2.6.2換行標記br 15
2.6.3不換行標記nobr 16
2.7水平線 16
2.8其他標記17
2.8.1插入空格 17
2.8.2插入特殊符號 18
2.9練習題 19
第03章 建立超連結
3.1超級連結的基本知識 21
3.1.1絕對路徑 21
3.1.2相對路徑 21
3.2內部連結21
3.2.1認識內部連結 21
3.2.2連結的目標視窗 22
3.3.1建立錨點 23
3.3錨點連結23
3.3.2連結同一頁面中的錨點 25
3.3.3連結到其他頁面中的錨點 26
3.4外部連結27
3.4.1連結到外部網站 28
3.4.2連結到E—mail 28
3.4.3連結到FTP 29
3.4.4連結到Telnet 30
3.4.5下載檔案 30
3.5練習題 32
第04章 使用圖像
4.1圖像的格式 34
4.2插入圖像34
4.2.1插入圖像標記img 34
4.2.2圖像的源檔案src 35
4.2.3圖像的提示文字alt 36
4.2.4圖像的寬度和高度width、height 36
4.3圖像的超連結37
4.3.1圖像的超連結 37
4.3.2圖像熱區連結 38
4.4練習題 41
第05章 使用列表
5.1認識列表標記43
5.2有序列表43
5.2.1有序列表ol 43
5.2.2有序列表的序號類型type 44
5.2.3有序列表的起始數值start 45
5.3無序列表46
5.3.1無序列表標記
5.3.2無序列表的類型type 48
5.3.3定義列表標記 49
5.3.4選單列表標記 50
5.4練習題 51
第06章 使用表格
6.1創建表格53
6.1.1表格的基本構成table、tr、td 53
6.1.2設定表格的標題caption 54
6.1.3表頭th 55
6.2表格基本屬性57
6.2.1表格寬度width 57
6.2.2表格高度height 58
6.2.3表格對齊方式align 59
6.3表格的框線 61
6.3.1表格框線寬度border 61
6.3.2表格框線顏色bordercolor 62
6.3.3內框寬度cellspacing 62
6.3.4表格內文字與框線間距cellpadding 63
6.4表格背景64
6.4.1表格背景顏色bgcolor 64
6.4.2表格背景圖像 65
6.5表格的行屬性66
6.5.1高度控制height 66
6.5.2框線顏色bordercolor 67
6.5.3行背景bgcolor、background 68
6.5.4行文字的水平對齊方式align 69
6.5.5行文字的垂直對齊方式valign 70
6.6單元格屬性 71
6.6.1單元格大小width、height 71
6.6.2水平跨度colspan 72
6.6.3垂直跨度rowspan 73
6.6.4對齊方式align、valign 74
6.6.5單元格的背景色 75
6.6.6單元格的框線顏色bordercolor 76
6.6.7單元格的亮框線bordercolorlight 77
6.6.8單元格的暗框線bordercolordark 78
6.6.9單元格的背景圖像background 79
6.7表格的結構 81
6.7.1表格的表首標記 81
6.7.2表格的表主體標記 82
6.7.3表格的表尾標記 84
6.8練習題 85
第07章 使用表單
7.1表單標記form 87
7.1.1提交表單action 87
7.1.2表單名稱name. 87
7.1.3傳送方法method 88
7.1.4編碼方式enctype 88
7.1.5目標顯示方式target 89
7.2插入表單對象89
7.2.1文字欄位text 89
7.2.2密碼域password 90
7.2.3單選按鈕radio 92
7.2.4複選框checkbox 92
7.2.5普通按鈕button 93
7.2.6提交按鈕submit 94
7.2.7重置按鈕reset 95
7.2.8圖像域image 96
7.2.9隱藏域hidden 97
7.2.10檔案域file 98
7.3選單和列表 98
7.3.1下拉選單 99
7.3.2列表項 100
7.4文本域標記textarea 101
7.5 id標記 101
7.6創建表單實例102
7.7練習題 104
第08章 添加多媒體
8.1設定滾動效果106
8.1.1滾動標記marquee 106
8.1.2滾動方向direction 106
8.1.3滾動方式behavior 108
8.1.4滾動速度scrollamount 108
8.1.5滾動延遲scrolldelay 109
8.1.6滾動循環loop 110
8.1.7滾動範圍width、height 111
8.1.8滾動背景顏色bgcolor 112
8.1.9空白空間hspace、vspace 113
8.2插入多媒體檔案 114
8.2.1插入Flash動畫 114
8.2.2插入音頻和視頻檔案 115
8.3練習題 116
第09章HTML5入門基礎
9.1認識HTML 5118
9.2 HTML5與HTML4的區別 119
9.2.1 HTML5的語法變化 119
9.2.2 HTML5中的標記方法 119
9.2.3 HTML5語法中的3個要點 120
9.2.4 HTML5與HTML4在搜尋引擎最佳化的對比120
9.3 HTML5新增的元素和廢除的元素 121
9.3.1新增的結構元素 121
9.3.2新增塊級元素 123
9.3.3新增的行內的語義元素 125
9.3.4新增的嵌入多媒體元素與互動性元素 128
9.3.5新增的input元素的類型 129
9.3.6廢除的元素 131
9.4新增的屬性和廢除的屬性 131
9.4.1新增的屬性 131
9.4.2廢除的屬性 132
9.5練習題 134
第10章HTML5的結構
10.1新增的主體結構元素 136
10.1.1 article元素 136
10.1.2 section元素 137
10.1.3 nav元素 138
10.1.4 aside元素 141
10.2新增的非主體結構元素 141
10.2.1 header元素141
10.2.2 hgroup元素142
10.2.3 footer元素 143
10.2.4 address元素 144
10.3練習題 145
第11章HTML5開發實戰
11.1 HTML5視頻video 148
11.1.1 video標籤概述 148
11.1.2在網頁中添加視頻檔案 148
11.1.3連結不同的視頻檔案 149
11.2 HTML5音頻Audio 150
11.2.1 Audio元素簡介 150
11.2.2隱藏audio播放器 150
11.2.3使用audio元素的事件 151
11.3 HTML5地理定位 153
11.3.1地理定位方法 153
11.3.2處理拒絕和錯誤 153
11.3.3在地圖上顯示你的位置 155
11.4 HTML5畫布canvas 155
11.4.1 canvas元素156
11.4.2基本的繪製操作 157
11.4.3線性漸變 158
11.4.4徑向漸變 159
11.4.5繪製精美時鐘 160
11.5 HTML5SVG 163
11.5.1 SVG概述 163
11.5.2圖形繪製 163
11.5.3文本與圖像 166
11.5.4筆畫與填充 166
11.5.5動畫 167
11.6練習題. 169
第12章 使用CSS樣式表
12.1認識CSS 171
12.2使用CSS 171
12.2.1 CSS的基本語法 171
12.2.2添加CSS的方法 171
12.3字型屬性 173
12.3.1字型font—family 173
12.3.2字號font—size 174
12.3.3字型風格font—style 175
12.3.4加粗字型font—weight 176
12.3.5小寫字母轉為大寫font—variant 177
12.3.6字型複合屬性 178
12.4顏色和背景屬性 179
12.4.1顏色屬性color 179
12.4.2背景顏色background—color 180
12.4.3背景圖像background—image 181
12.4.4背景重複background—repeat 182
12.4.5背景附屬檔案backgroundattachment 183
12.4.6背景位置background—position 184
12.4.7背景複合屬性background 186
12.5段落屬性 187
12.5.1單詞間隔word—spacing 187
12.5.2字元間隔letter—spacing 188
12.5.3文字修飾text—decoration 189
12.5.4垂直對齊方式vertical—align 190
12.5.5文本轉換text—transform 191
12.5.6水平對齊方式text—align 192
12.5.7文本縮進text—indent 193
12.5.8文本行高line—height 194
12.5.9處理空白white—space 195
12.5.10文本反排unicode—bidi、direction 196
12.6外邊距與內邊距屬性 198
12.6.1上邊距margin—top 198
12.6.2其他邊距margin—bottom、margin—left、margin—right 199
12.6.3外邊距複合屬性margin 200
12.6.4頂端內邊距padding—top 201
12.6.5其他內邊距padding—bottom、padding—right、padding—left 202
12.6.6內邊距複合屬性padding 203
12.7框線屬性 204
12.7.1框線樣式border—style 204
12.7.2框線寬度border—width. 206
12.7.3框線顏色border—color 207
12.7.4框線屬性border 208
12.8定位屬性. 209
12.8.1定位方式position 209
12.8.2元素位置top、right、bottom、left. 210
12.8.3層疊順序z—index 211
12.8.4浮動屬性float. 212
12.8.5清除屬性clear 213
12.8.6可視區域clip. 214
12.8.7層的寬度和高度width、height. 215
12.8.8超出範圍overflow. 216
12.8.9可見屬性visibility 217
12.9列表屬性. 218
12.9.1列表符號list—style—type 218
12.9.2圖像符號list—style—image 220
12.9.3列表縮進list—style—position 221
12.9.4列表複合屬性list—style 222
12.10游標屬性cursor 223
12.11濾鏡屬性 224
12.11.1不透明度alpha 224
12.11.2動感模糊blur 226
12.11.3對顏色進行透明處理chroma 227
12.11.4陰影效果dropShadow 228
12.11.5對象翻轉flipH、flipV 229
12.11.6發光效果glow 230
12.11.7灰度處理gray 231
12.11.8反相invert 232
12.11.9 X光片效果xray 233
12.11.10遮罩效果mask 234
12.11.11波形濾鏡wave 235
12.12練習題236
第13章Web標準與CSS網頁布局實例
13.1 Web標準與CSS布局 239
13.1.1什麼是Web標準 239
13.1.2 CSS布局的優勢 239
13.2 DIV+CSS布局網頁基礎 240
13.2.1認識DIV 240
13.2.2一列固定寬度 240
13.2.3一列自適應 241
13.2.4兩列固定寬度 242
13.2.5兩列寬度自適應 243
13.2.6兩列右列寬度自適應 244
13.3使用CSS設計網站導航欄 245
13.3.1實現背景變換的導航選單 245
13.3.2利用CSS製作橫嚮導航 247
13.4使用CSS設計表單樣式 248
13.4.1改變按鈕的背景顏色和文字顏色 248
13.4.2設計文本框的樣式 249
13.4.3設計文本框中的文字樣式 250
13.5字型及段落樣式設計 251
13.5.1利用CSS控制字型大小和行距 251
13.5.2製作光暈文字效果 251
13.6使用CSS設計圖片樣式 252
13.6.1滑鼠指針移上時圖片漸變的效果 252
13.6.2設計不重複出現的背景 253
13.7使用CSS控制連結樣式 254
13.7.1使用CSS實現滑鼠指針形狀改變 254
13.7.2滑鼠指針移到連結文字上時改變文字大小或顏色 255
13.8練習題 256
……
第14章 移動網頁設計基礎CSS 3
第15章JavaScript腳本基礎
第16章 利用JavaScript製作網頁特效
第17章 在Dreamweaver中編輯HTML網頁
第18章 個人部落格網站布局
第19章 公司宣傳網站的布局
附錄A HTML網頁製作技巧精講
附錄B CSS常用技巧精講
附錄C JavaScript特效製作精講
附錄D Dreamweaver常用技巧精講