●前言
第1章網頁設計基礎
1.1網頁概述
1.2網站開發流程
1.3Web設計基礎
1.3.1Web設計原則
1.3.2網站結構規劃
1.4布局設計
1.4.1布局設計原則
1.4.2布局設計類型
1.4.3布素
1.4.4布局設計技術
1.5內容設計
1.5.1文本
1.5.2多媒體
1.5.3內容排版
1.6風格設計
1.6.1網頁設計構成要素
1.6.2網頁設計的風格類型
1.7色彩設計
1.7.1色彩基礎
1.7.2網頁中的色彩
1.7.3網頁配色方案
1.8小結
1.9思考與練習
第2章HTML基礎
2.1HTML文檔結構
2.2HTML基本語法
2.2.1標記語法28
2.2.2屬性語法29
2.2.3命名規則30
2素素30
2.4HTML素31
2.4.1字符格式化31
2.4.2輸出32
2.4.3塊級33
2.4.4wbr和t素34
2.5HTML5新增的文素35
2.5.1文章語義（article、header、footer）2.5.2內容區塊語義（secti素37
2.5.3側欄（aside）與導航（n素37
2.5.4hgr素為標題分組38
2.6小結38
2.7思考與練習39
第3章CSS基礎40
3.1CSS語法與規則40
3.2樣式表的定義與使用42
3.2.1內聯方式42
3.2.2內部樣式塊對像42
3.2.3外部樣式表43
3.3選擇器43
3.3.1基本選擇器44
3.3.2層次選擇器45
3.3.3屬性選擇器47
3.3.4偽類選擇器48
3.3素選擇器52
3.4小結53
3.5思考與練習53
第4章文本樣式與背景54
4.1長度單位與顏色54
4.1.1長度單位54
4.1.2顏色設置方法55
4.2文本排版樣式56
4.2.1文本樣式56
4.2.2排版樣式58
4.2.3文本裝飾61
4.3背景樣式62
4.3.1基本背景屬性62
4.3.2多重背景圖像63
4.3.3CSS3新增背景屬性64
4.3.4漸變背景66
4.4小結69
4.5思考與練習70
第5章常用素71
5.1添加特殊符號71
5.2圖像71
5.2.1圖像標簽72
5.2.2圖像的寬高、間距與邊框72
5.2.3圖像的對齊方式72
5.2.4fig素73
5.3超鏈接73
5.3.1創建超鏈接73
5.3.2鏈接對像75
5.3.3網頁鏈接屬性設置78
5.3.4圖像映射78
5.4列表79
5.4.1無序列表79
5.4.2有序列表80
5.4.3嵌套列表82
5.4.4定義列表82
5.4.5菜單列表83
5.4.6圖像列表84
5.4.7列表符號位置84
5.5表格85
5.5.素85
5.5.2表格修飾87
5.5.3設置表格行屬性88
5.5.4格屬性88
5.5.5單線表格的制作89
5.5.6表格的嵌套90
5.6內聯框架90
5.7小結91
5.8思考與練習91
第6章盒模型92
6.1盒模型概述92
6.1.1邊框93
6.1.2填充94
6.1.3邊距95
6.2邊框高級屬性95
6.2.1圓角邊框95
6.2.2盒陰影97
6.2.3圖像邊框97
6.3伸縮盒99
6.3.1CSS中的布局模式99
6.3.2Flexbox模型的功能99
6.3.3Flexbox模型的相關術語100
6.3.4Flexbox模型的使用102
6.4小結106
6.5思考與練習107
第7章界面設計108
7.1定位與布局108
7.1.1定位108
7.1.2浮動109
7.1.3顯示110
7.1.4溢出112
7.2用戶界面113
7.2.1輪廓113
7.2.2放大113
7.2.3盒模型組成模式114
7.2.4允許縮放114
7.3多列115
7.3.1多列的基本屬性115
7.3.2列間距116
7.3.3列邊框116
7.3.4跨列117
7.3.5列高117
7.3.6斷行118
7.4CSS網格布局118
7.4.1重要術語118
7.4.2網格容器屬性119
7.4.3網格項屬性126
7.5小結129
7.6思考與練習129
第8章表單130
8.1網頁表單概述130
8.2傳素131
8.2.1傳統表單輸入類型131
8.2.素135
8.2.3文本區域136
8.2.4選擇域137
8.2.5域集138
8.3HTML5表單的新特性139
8.3.1HTML5新增表單輸入類型139
8.3.2HTML5新素141
8.3.3HTML5新增表單屬性142
8.4小結145
8.5思考與練習145
第9章JavaScript146
9.1JavaScript簡介146
9.2JavaScript程序148
9.2.1語句148
9.2.2函數149
9.2.3消息對話框151
9.3標識符和變量152
9.3.1命名規定152
9.3.2數據類型153
9.3.3變量153
9.3.4轉義字符155
9.4運算符和表達式155
9.4.1算術運算符和表達式155
9.4.2賦值運算符和表達式156
9.4.3關繫運算符和表達式156
9.4.4邏輯運算符和表達式158
9.4.5條件運算符和表達式158
9.4.6其他運算符和表達式159
9.5JavaScript程序控制結構159
9.5.1順序程序159
9.5.2分支程序160
9.5.3循環程序163
9.6常用對像166
9.6.1對像簡介166
9.6.2核心對像166
9.6.3文檔171
9.6.4窗口174
9.7事件編程174
9.7.1事件簡介174
9.7.2表單事件176
9.7.3鼠標事件177
9.7.4鍵盤事件177
9.7.5頁面載入和離開177
9.8利用JS實現在線訂購178
9.9小結179
9.10思考與練習179
第10章網頁多媒體實現180
10.1HTML素180
10.1.1素的基本屬性180
10.1.2素的常用方法183
10.1.3素的重要事件186
10.1.4Flas 與視頻189
10.2CSS動畫設計189
10.2.1CSS變換189
10.2.2CSS過渡194
10.2.3CSS動畫195
10.3HTML繪圖197
10.3.1can素的基本用法197
10.3.2繪制基本圖形198
10.3.3繪制曲線200
10.3.4繪制文本203
10.3.5圖像的繪制與裁切204
10.4HTML拖放206
10.5小結207
10.6思考與練習208
第11章jQuery209
11.1jQuery概述209
11.2jQuery選擇器211
11.2.1基本選擇器211
11.2.2層次選擇器212
11.2.3過濾選擇器213
11.2.4表單選擇器218
11.3jQuery操作DOM220
11.3.素220
11.3.2結點操作225
11.3.素229
11.3.素230
11.4jQuery中的事件231
11.4.1頁面載入事件231
11.4.2綁定事件231
11.4.3切換事件232
11.4.4移除事件233
11.4.5trigger方法234
11.5jQuery動畫與特效234
11.5.1基本動畫234
11.5.2滑動動畫237
11.5.3淡入淡出動畫238
11.5.4自定義動畫240
11.6jQueryUI插件243
11.6.1jQueryUI交互性插件243
11.6.2jQueryUI微型插件246
11.7小結249
11.8思考與練習250
第12章響應式網頁設計252
12.1響應式網頁簡介252
12.1.1響應式網頁的優點252
12.1.2響應式的概念253
12.1.3Viewport253
12.1.4流式網格254
12.1.5媒體查詢255
12.1.6圖像、視頻與字體257
12.2Bootstrap響應式網頁258
12.2.1布局259
12.2.2內容263
12.2.3組件264
12.3小結272
12.4思考與練習272
第13章綜合實例273
13.1網頁仿制實例273
13.1.1導航條274
13.1.2輪播275
13.1.3自定義區域276
13.1.4Services區域278
13.1.5Portfolio區域279
13.1.6Contact區域281
13.2基於CMS快速構建網站實例282
13.2.1CMS與Drupal282
13.2.2Drupal基本應用284
13.2.3導入與導出站點294
13.2.4主題296
13.2.5內容類型300
13.2.6制作首頁輪播303
13.2.7自定義首頁區域311
13.2.8制作分類列表頁312
13.2.9添加視頻功能317
13.3小結318
13.4思考與練習319
參考文獻320
《網頁設計與制作 第2版》依照新Web標準（HTML5和CSS3），全程貫穿理論與實踐緊密結合的思想，有機整合HTML和CSS，使學習過程更接近實際工作。本書共分為4層次，～3章是基礎，包括網頁設計基礎、HTML基礎和CSS基礎，第4～8章是學生必須重點掌握的內容，包括文本樣式與背景、常用素、盒模型（含Flexible Box）、界面設計（含CSS Grid Layout）和表單，第9～12章以進一步提高學生深入學習的能力為目標，包括JavaScript、網頁多媒體實現、jQuery和移動優先的Bootstrap 3響應式網頁設計，3章是對前面所學知識的綜合實例應用，包括網頁仿制實例和基於CMS（Drupal 8）快速構建網站實例。為了更好地指導讀者深入學習，在各章後面的習題中還提供了許多綜合性較強的操作題。《網頁設計與制作 第2版》既可作為高等院校本科相關專業教材，也可作為有一定等
