·彙集作者精心整理的網頁制作技巧、便於讀者解決實際問題，快速成為網頁制作高手。 ·以初學者視角，結合多年教學和編程經驗，為讀者提供了清晰實用的學習路線。·采用真實案例進行分析講解，詳盡地講訴了實際開發中所需的各類知識。 ·每章提供“習題”，讓讀者通過解答習題的方式重新回顧、熟悉所學的知識，達到舉一反三的效果。·提供配套資源下載，包括案例源代碼、課件PPT以及重點、難點視頻講解等。

●第01章創建一個HTML網頁
1．1認識HTML2
1．2HTML標簽2
1．3HTML文件的基本結構3
1．4Chrome的開發者工具3
1．5在記事本中編寫HTML文件5
1．6使用編輯器創建HTML文檔6
1．6．1下載HbuilderX6
1．6．2使用HbuilderX8
1．7編寫第一個HTML網頁9
1．8練習題11
1．9章節任務11
第02章HTML基本標簽
2．1HTML文檔頭部13
2．2網頁標題13
信息13
2．3．1設置網頁關鍵字14
2．3．2設置網頁說明14
2．3．3添加作者信息15
2．3．4規定字符編碼15
2．3．5設置網頁的定時跳轉15
2．4HTML注釋16
2．5HTML標題17
2．6HTML段落18
2．7換行19
2．8水平線20
2．9文本格式化20
2．10HTML字符實體22
2．10．1不間斷的空格22
2．10．2插入特殊符號23
2．11練習題23
2．12章節任務24
第03章建立超鏈接
3．1超鏈接的基礎知識26
3．1．1絕對路徑26
3．1．2相對路徑27
3．1．3超鏈接27
3．2在新窗口打開鏈接28
3．3創建錨點鏈接29
3．3．1錨點鏈接29
3．3．2鏈接同一網頁中的錨點30
3．3．3鏈接到其他網頁中的錨點31
3．4外部鏈接33
3．4．1鏈接到外部網站33
3．4．2鏈接到E-mail34
3．4．3鏈接到FTP34
3．4．4鏈接到Telnet35
3．4．5下載文件35
3．5練習題35
3．6章節任務36
第04章使用圖像
4．1圖像的格式38
4．1．1GIF格式38
4．1．2JPEG格式38
4．1．3PNG格式38
4．2標簽基礎語法38
4．3圖像的路徑src39
4．4圖像的提示文字alt39
4．5圖像的寬度（width）和高度（height）40
4．6圖像的超鏈接40
4．6．1圖像的超鏈接41
4．6．2圖像熱區鏈接41
4．7練習題43
4．8章節任務43
第05章使用列表
5．1有序列表45
5．1．1標簽45
5．1．2有序列表的序號類型type46
5．1．3有序列表的起始數值start47
5．2無序列表48
5．3定義列表49
5．4列表的嵌套49
5．5練習題50
5．6章節任務50
第06章使用表格
6．1創建表格52
6．1．1表格的基本構成52
6．1．2設置表格的標題53
6．1．3表頭53
6．2表格基本屬性54
6．2．1表格寬度width55
6．2．2表格的邊框border56
6．2格間距cellspacing57
6．2．4表格內文字與邊框間距cellpadding57
6．3表格的行屬性58
6．3．1行內文字的水平對齊方式align58
6．3．2行內文字的垂直對齊方式valign59
6格屬性59
6．4格跨列colspan60
6．4格跨行rowspan61
6．5表格結構61
6．6練習題62
第07章使用表單
7．1f素創建表單65
7．1．1提交表單action65
7．1．2表單名稱name65
7．1．3傳送方法method66
7．2插入in素66
7．2．1文本框text68
7．2．2密碼框password69
7．2．3單選按鈕radio69
7．2．4復選框checkbox70
7．2．5普通按鈕button70
7．2．6提交按鈕submit70
7．2．7重置按鈕reset71
7．2．8圖像域image72
7．3HTML5新增輸入類型72
7．3．1數值number72
7．3．2時間選擇器DatePicker73
7．4下拉菜單74
7．5文本域textarea75
7．6創建表單案例75
7．7練習題78
7．8章節任務78
第08章使用CSS樣式表
8．1CSS基礎語法80
8．1．1認識CSS80
8．1．2CSS語法結構80
8．1．3CSS選擇器81
8．2添加CSS的方法82
8．2．1鏈接外部樣式表82
8．2．2內部樣式表82
8．2．3導入外部樣式表83
8．2．4內嵌樣式83
8．3字體屬性83
8．3．1字體font-family83
8．3．2字號font-size84
8．3．3字體樣式font-style85
8．3．4加粗字體font-weight86
8．3．5小寫字母轉為大寫字母font-variant87
8．3．6字體復合屬性88
8．4顏色屬性color89
8．5背景屬性90
8．5．1背景顏色background-color90
8．5．2背景圖像background-image91
8．5．3背景大小background-size92
8．5．4背景重復background-repeat93
8．5．5背景位置background-position94
8．5．6背景附件background-attachment96
8．5．7背景復合屬性background97
8．6段落屬性98
8．6．1單詞間隔word-spacing98
8．6．2字符間隔letter-spacing99
8．6．3文字修飾text-decoration100
8．6．4水平對齊方式text-align101
8．6．5垂直對齊方式vertical-align102
8．6．6文本轉換text-transform103
8．6．7文本縮進text-indent104
8．6．8文本行高line-height105
8．6．9處理空白white-space106
8．7練習題107
8．8章節任務107
第09章盒模型布局
9．1認識盒模型109
9．1．1盒模型的構成109
9．1．素的盒模型109
9．2內容區content110
9．3邊框border112
9．3．1邊框樣式border-style112
9．3．2邊框寬度border-width113
9．3．3邊框顏色border-color114
9．4內邊距padding114
9．4．1分別設置4個方向的內邊距115
9．4．2內邊距的復合屬性padding116
9．5外邊距margin119
9．5．1分別設置4個方向的外邊距119
9．5．2外邊距復合屬性margin121
9．6盒模型的大小123
9素素124
9．7素素的特點124
9．7．2display屬素的類型126
9．8初始化頁面樣式127
9．9練習題128
9．10章節任務128
第10章浮動與定位
10．1文檔流131
10．2浮動屬性float131
10．3圖文環繞134
10．4清除浮動clear135
10．5定位方式position139
1素位置top、right、bottom、left139
10．7相對定位140
10．8絕對定位142
10．9固定定位143
10．10層疊順序z-index144
10．11練習題146
10．12章節任務147
第11章Web標準與CSS網頁布局實例
11．1Web標準149
11．2DIV+CSS布局網頁基礎149
11．2．1認識DIV149
11．2．2一列固定寬度149
11．2．3一列自適應152
11．2．4兩列固定寬度153
11．2．5兩列寬度自適應155
11．2．6兩列布局右列寬度自適應156
11．3使用CSS設計網站導航欄157
11．3．1有鼠標指針移入效果的導航欄157
11．3．2橫向導航159
11．4使用CSS設計表單樣式161
11．4．1改變按鈕的背景顏色和文字顏色161
11．4．2設計文本框的樣式162
11．4．3設計文本框中的提示文字163
11．5使用CSS設計表格樣式164
11．5．1折疊邊框165
11．5．2設計表格的字體樣式166
11．6使用CSS設置鏈接樣式167
11．6．1去掉超鏈接的下畫線167
11．6．2改變鼠標指針的類型167
11．6．3設置超鏈接不同狀態的樣式168
11．7練習題169
11．8章節任務170
第12章HTML素
12．1認識HTML5172
12．2HTML5與HTML4的區別173
12．2．1HTML5的文件特征173
12．2．2HTML5的SEO173
12．3HTML5素和屬性174
12．3．1素174
12．3．2廢除的屬性175
12．4HTML5新增素176
12．5HTML5新增的素178
12．5．素video178
12．5．2鏈接不同的視頻文件179
12．5．素audio181
12．6HTML5新增素canvas181
12．6．1創建can素181
12．6．2繪制矩形183
12．6．3繪制路徑184
12．6．4顏色漸變185
12．7．練習題187
12．8．章節任務187
第13章CSS3新增屬性
13．1邊框189
13．1．1圓角邊框border-radius189
13．1．2邊框圖像border-image191
13．1．3邊框陰影box-shadow192
13．2背景194
13．2．1背景圖像尺寸background-size194
13．2．2背景圖像定位區域background-origin195
13．2．3背景繪制區域background-clip198
13．3文本201
13．3．1文本陰影text-shadow201
13．3．2強制換行word-wrap202
13．3．3文本溢出text-overflow203
13．4多列204
13．4．1創建多列column-count205
13．4．2列的寬度column-width206
13．4．3列的間隔column-gap206
13．4．4列的規則column-rule207
13．52D轉換208
13．5．1移動translate()208
13．5．2旋轉rotate()209
13．5．3縮放scale()210
13．6過渡212
13．7動畫213
13．7．1@keyframes規則聲明動畫213
13．7．2animation動畫214
13．8用戶界面215
13．8．1box-sizing216
13．8．2resize218
13．9實例應用219
13．9．1．使用移動方法實現接近居中219
13．9．2照片牆效果221
13．10練習題223
13．11．章節任務223
第14章移動端網頁
14．1．flex布局225
14．1．1．flex相關概念225
14．1．2．flex布局225
14．2．移動端基本概念231
14．2．1兩種像素231
14．2．2移動端的3個視口231
14．2．3設備像素比．233
14．3．移動端開發234
14．3．1移動端單位——vw適配234
14．3．2開發一個移動端網頁238
14．4．媒體查詢247
14．5練習題．250
14．6章節任務251
第15章JavaScript腳本基礎
15．1JavaScript簡介253
15．2JavaScript基本語法254
15．2．1常量和變量254
15．2．2數據類型255
15．2．3表達式和運算符256
15．2．4基本語句257
15．2．5JavaScript注釋263
15．2．6JavaScript代碼調試263
15．3JavaScript事件264
15．3．1onclick事件264
15．3．2onchange事件265
15．3．3onfocus事件266
15．3．4onblur事件267
15．3．5onmouseover事件268
15．3．6onmouseout事件269
15．3．7ondblclick事件270
15．3．8其他常用事件271
15．4HTMLDOM對像．272
15．4．1素對像獲取頁素272
15．4．2DOM屬性對素的屬性274
15．5瀏覽器的其他內部對像275
15．5．1navigator對像276
15．5．2windows對像276
15．5．3location對像278
15．5．4history對像279
15．6練習題280
15．7章節任務281
第16章JavaScript網頁特效
16．1時間特效283
16．1．1顯示當前時間283
16．1．2顯示當前日期285
16．1．3制作即將開始特效287
16．2圖像特效289
16．2．1圖像閃爍效果289
16．2．2圖像輪播290
16．3窗口特效291
16．3．1打開新窗口291
16．3．2定時關閉窗口293
16．4鼠標指針特效294
16．4．1返回鼠標指針的位置信息294
16．4．2跟隨鼠標指針移動的圖像295
16．5練習題296
16．6章節任務297
第17章PC端實戰——制作購物網頁
17．1項目結構299
17．2制作網頁前的準備301
17．2．1分辨率301
17．2．2內容居中301
17．3項目布局302
17．4部分難點講解304
17．4．1布局304
17．4．2圖文對齊305
17．5部分難點講解308
17．5．1布局308
17．5．2復雜網頁的選擇器使用310
17．6實現圖像的JavaScript動效311
17．6．1圖像的切換311
17．6．2收藏和取消312
17．7總結313

本書從零開始，全面講解開發網頁的全過程，使讀者能夠迅速掌握核心知識點及對應的編程能力。本書共有17章內容，第1章~第7章介紹HTML中常用的標簽；第8章~第11章介紹了CSS中的常見樣式，其中包括浮動和定位兩種網頁布局方式；第12章介紹了HTML5中素和屬性；第13章介紹了CSS3中的新增屬性；第14章介紹了flex布局的用法，並用案例的方式講解了移動端網頁的實現方法；第15章和第16章講解了JavaScript的基礎知識並提供了大量示範案例；第17章以一個商業網站為案例，對全書重點內容進行綜合實戰練習，案例中使用了HTML+CSS+JavaScript的核心知識點。本書提供配套視頻教程，並附有HTML、CSS、JavaScript的技巧精講。書中提供的練習題和章節任務，可以幫助讀者及時進行自我檢測，查漏補缺。本書知識點全面、講解詳細，適合零基礎的編程初學者閱讀，也適合具備基礎知識等