基本介紹
- 書名：細說網頁製作
- 作者：兄弟連教育
- ISBN：9787121328756
- 類別：計算機與網際網路
- 頁數：408
- 定價：59.80
- 出版社：電子工業出版社
- 出版時間：2017-10-01
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
通過本書的學習，能快速上手網站前端開發。為了使HTML5語言能被讀者更好地掌握和套用，同時作為“跟兄弟連學HTML5系列教程”的第一本入門級圖書，本書對HTML語言的知識點進行了詳細的闡述和分析，包括HTML5和CSS3的語法、各種頁面布局方法、流行的前端框架Bootstrap等內容。不僅有通俗易懂的語法講解，也用貼切的小案例實驗，使讀者能輕鬆掌握新知識，且可以快速上手前端技術操作。本書適合對前端技術開發感興趣的初學者閱讀，也可以作為從事前端技術工作的開發人員的參考書，或作為大學生學習HTML5的教材。同時，本書也為讀者之後學習同系列其他圖書奠定基礎。
圖書目錄
第1章 介紹HTML5 1
1.1 了解HTML5的主流套用 1
1.1.1 表單的強大 2
1.1.2 回響式頁面布局 2
1.1.3 與用戶互動的特效 4
1.1.4 微網站的製作 5
1.1.5 基於HTML5的移動APP開發 6
1.1.6 HTML5遊戲 7
1.1.7 多媒體的套用 7
1.2 什麼是HTML5 8
1.2.1 HTML5和HTML的關係 8
1.2.2 HTML和CSS的關係 10
1.2.3 HTML5和CSS3的關係 11
1.2.4 HTML5和JavaScript的關係 11
1.3 HTML5的靠山 12
1.3.1 W3C是什麼 12
1.3.2 IETF是什麼 13
1.3.3 RFC是什麼 14
1.3.4 WHATWG是什麼 14
1.3.5 Web的新標準 14
1.4 HTML5的曲折發展過程 15
1.4.1 HTML5的誕生 15
1.4.2 瀏覽器之間的大戰 16
1.4.3 HTML5技術的套用現狀 18
1.4.4 HTML5平台的興起 18
1.4.5 HTML5行業的發展預測 20
1.5 HTML5的學習線路圖 21
1.5.1 第一階段——學習網頁製作 23
1.5.2 第二階段——編寫用戶互動功能 24
1.5.3 第三階段——成為前端工程師 25
本章小結 26
本章習題 26
第2章 HTML5的基本語法 28
2.1 課前準備 28
2.1.1 了解Web 29
2.1.2 了解HTML 30
2.1.3 了解HTML運行原理 30
2.1.4 如何選擇開發工具 31
2.1.5 認識瀏覽器中的開發者工具 32
2.1.6 現在學習HTML5的方式 34
2.1.7 簡單HTML實例製作 35
2.2 HTML語言的語法 36
2.2.1 HTML標籤和元素 36
2.2.2 HTML語法不區分字母大小寫 37
2.2.3 HTML標籤屬性 37
2.2.4 HTML顏色值的設定 37
2.2.5 HTML文檔注釋 38
2.2.6 HTML代碼格式 38
2.2.7 HTML字元實體 38
2.3 HTML文檔的主體結構 39
2.3.1 HTML文檔類型的新定義方式 40
2.3.2 HTML文檔的主體標籤 41
2.4 HTML文檔頭部標籤 41
2.4.2 標籤42
2.4.3 標籤43
2.4.4 標籤43
2.5 HTML文檔主體標籤44
2.6 HTML5做到了與之前版本的兼容45
2.6.1 可以省略標記的元素45
2.6.2 具有boolean值的屬性46
2.6.3 引號的使用46
2.7 設定IE 9以下版本瀏覽器支持HTML546
本章小結47
本章習題47
第3章 HTML5文字版面和編輯標籤49
3.1 HTML基礎標籤49
3.1.1 標題標籤～50
3.1.2 換行標籤
和段落標籤
2.4.3 標籤43
2.4.4 標籤43
2.5 HTML文檔主體標籤44
2.6 HTML5做到了與之前版本的兼容45
2.6.1 可以省略標記的元素45
2.6.2 具有boolean值的屬性46
2.6.3 引號的使用46
2.7 設定IE 9以下版本瀏覽器支持HTML546
本章小結47
本章習題47
第3章 HTML5文字版面和編輯標籤49
3.1 HTML基礎標籤49
3.1.1 標題標籤～50
3.1.2 換行標籤
和段落標籤
51
3.1.3 水平分隔線標籤51
3.1.4 格式標籤51
3.1.5 文本標籤53
3.2 使用HTML表格55
3.3 HTML框架結構57
本章小結60
本章習題61
第4章 多媒體套用62
4.1 創建圖像和連結62
4.1.1 URL概述63
4.1.2 插入圖片63
4.1.3 建立錨點和超連結64
4.2 HTML圖像地圖66
4.2.1 什麼是圖像地圖66
4.2.2 圖像地圖如何製作66
4.2.3 實現圖像地圖67
4.3 新增多媒體播放元素68
本章小結71
本章習題71
第5章 HTML5表單74
5.1 HTML表單中的get和post方法74
5.1.1 get方法75
5.1.2 post方法76
5.1.3 HTML表單中get和post的區別76
3.1.3 水平分隔線標籤51
3.1.4 格式標籤51
3.1.5 文本標籤53
3.2 使用HTML表格55
3.3 HTML框架結構57
本章小結60
本章習題61
第4章 多媒體套用62
4.1 創建圖像和連結62
4.1.1 URL概述63
4.1.2 插入圖片63
4.1.3 建立錨點和超連結64
4.2 HTML圖像地圖66
4.2.1 什麼是圖像地圖66
4.2.2 圖像地圖如何製作66
4.2.3 實現圖像地圖67
4.3 新增多媒體播放元素68
本章小結71
本章習題71
第5章 HTML5表單74
5.1 HTML表單中的get和post方法74
5.1.1 get方法75
5.1.2 post方法76
5.1.3 HTML表單中get和post的區別76
5.2 HTML表單設計77
5.2.1 表單標籤77
5.2.2 文本域和密碼域78
5.2.3 提交、重置和普通按鈕78
5.2.4 單選按鈕和複選框79
5.2.5 隱藏域79
5.2.6 多行文本域79
5.2.7 選單下拉列表域79
5.2.8 綜合實例80
5.3 HTML5新增表單元素82
5.3.1 元素82
5.3.2 元素83
5.3.3 元素84
5.4 多樣的輸入類型85
5.4.1 email85
5.4.2 url86
5.4.3 number87
5.4.4 range87
5.4.5 date picker88
5.4.6 color89
5.5 HTML占新增的表單屬性91
5.5.1 autocomplete屬性92
5.5.2 autofocus屬性93
5.5.3 form屬性94
5.5.4 form overrides表單重寫屬性95
5.5.5 height和width屬性95
5.5.6 list屬性96
5.5.7 min、max和step屬性96
5.5.8 multiple屬性97
5.5.9 novalidate屬性97
5.5.10 pattern屬性98
5.5.11 placeholder屬性98
5.5.12 required屬性99
5.6 HTML5表單提交綜合實例100
本章小結103
本章習題103
第6章 CSS3揭秘105
6.1 CSS簡介105
6.2 CSS規則的組成107
6.2.1 CSS注釋108
6.2.2 長度單位108
6.2.3 顏色單位和URL值109
6.3 在HTML文檔中放置CSS的幾種方式110
6.3.1 內聯樣式表110
6.3.2 嵌入一張樣式表110
6.3.3 連結到一張外部的樣式表111
6.4 CSS普通選擇器111
6.4.1 HTML選擇器111
6.4.2 類選擇器112
6.4.3 id選擇器112
6.4.4 關聯選擇器113
6.4.5 組合選擇器113
6.4.6 偽元素選擇器113
5.2.1 表單標籤77
5.2.2 文本域和密碼域78
5.2.3 提交、重置和普通按鈕78
5.2.4 單選按鈕和複選框79
5.2.5 隱藏域79
5.2.6 多行文本域79
5.2.7 選單下拉列表域79
5.2.8 綜合實例80
5.3 HTML5新增表單元素82
5.3.1 元素82
5.3.2 元素83
5.3.3 元素84
5.4 多樣的輸入類型85
5.4.1 email85
5.4.2 url86
5.4.3 number87
5.4.4 range87
5.4.5 date picker88
5.4.6 color89
5.5 HTML占新增的表單屬性91
5.5.1 autocomplete屬性92
5.5.2 autofocus屬性93
5.5.3 form屬性94
5.5.4 form overrides表單重寫屬性95
5.5.5 height和width屬性95
5.5.6 list屬性96
5.5.7 min、max和step屬性96
5.5.8 multiple屬性97
5.5.9 novalidate屬性97
5.5.10 pattern屬性98
5.5.11 placeholder屬性98
5.5.12 required屬性99
5.6 HTML5表單提交綜合實例100
本章小結103
本章習題103
第6章 CSS3揭秘105
6.1 CSS簡介105
6.2 CSS規則的組成107
6.2.1 CSS注釋108
6.2.2 長度單位108
6.2.3 顏色單位和URL值109
6.3 在HTML文檔中放置CSS的幾種方式110
6.3.1 內聯樣式表110
6.3.2 嵌入一張樣式表110
6.3.3 連結到一張外部的樣式表111
6.4 CSS普通選擇器111
6.4.1 HTML選擇器111
6.4.2 類選擇器112
6.4.3 id選擇器112
6.4.4 關聯選擇器113
6.4.5 組合選擇器113
6.4.6 偽元素選擇器113
6.5 CSS常見的樣式屬性和值114
6.5.1 字型屬性114
6.5.2 顏色屬性115
6.5.3 背景屬性115
6.5.4 文本屬性116
6.5.5 框線屬性117
6.5.6 滑鼠游標屬性118
6.5.7 列表屬性119
6.5.8 CSS綜合實例120
6.6 CSS3概述122
6.6.1 CSS3在選擇器上的支持122
6.6.2 CSS3在樣式上的支持122
6.6.3 CSS3對於動畫的支持123
6.6.4 在實際開發中該如何使用CSS3123
6.7 CSS複雜選擇器123
6.7.1 基本選擇器123
6.7.2 多元素的組合選擇器124
6.7.3 屬性選擇器124
6.7.4 結構性偽類選擇器125
6.8 CSS3屬性129
6.8.1 使用CSS3屬性前的準備130
6.8.2 框線屬性130
6.8.3 背景屬性132
6.8.4 文本屬性133
6.8.5 用戶界面屬性133
6.8.6 動畫屬性134
6.8.7 多列布局屬性134
6.8.8 漸變屬性135
6.8.9 透明屬性136
6.8.10 旋轉屬性136
6.8.11 伺服器端字型屬性136
本章小結137
本章習題137
第7章 CSS3屬性特效140
7.1 新增顏色模式140
7.2 文字142
7.2.1 文字陰影143
7.2.2 文字描邊146
7.2.3 文字排版150
7.2.4 定義省略文本的處理方式152
7.3 自定義文字153
7.4 彈性盒模型156
7.5 盒模型陰影164
7.6 倒影167
7.7 CSS3分欄布局173
7.7.1 列個數和列寬度173
7.7.2 列之間的縫隙間隔寬度175
7.7.3 分欄間隔符176
7.8 圓角177
7.8.1 border-radius屬性177
7.8.2 單個圓角的設定180
7.9 框線181
7.9.1 框線圖片border-image182
7.9.2 自適應的圓角效果186
7.10 漸變188
7.10.1 CSS3漸變介紹188
7.10.2 線性漸變189
7.10.3 線性漸變實例189
7.10.4 徑向漸變194
7.10.5 徑向漸變實例194
7.11 CSS3背景198
7.11.1 多背景198
7.11.2 background-size200
7.11.3 background-origin202
7.11.4 background-clip203
7.12 遮罩204
7.13 transition過渡206
7.14 2D變換207
7.14.1 translate()方法208
7.14.2 rotate()方法209
7.14.3 scale()方法212
7.14.4 skew()方法213
7.15 3D變換215
7.15.1 transform-style216
7.15.2 perspective景深216
7.15.3 perspective-origin景深基點218
7.15.4 3D位移219
7.15.5 3D旋轉222
7.15.6 3D縮放223
7.15.7 3D盒子225
7.16 animation動畫226
7.16.1 關鍵幀keyframes227
7.16.2 animation動畫屬性229
本章小結229
本章習題230
第8章 DIV+CSS網頁標準化布局232
8.1 DIV+CSS頁面布局的優勢232
8.2 “無意義”的HTML標籤和233
8.3 W3C盒子模型234
8.4 和頁面布局有關的CSS屬性236
8.5 盒子區塊框的定位238
8.5.1 相對定位238
8.5.2 絕對定位239
6.5.1 字型屬性114
6.5.2 顏色屬性115
6.5.3 背景屬性115
6.5.4 文本屬性116
6.5.5 框線屬性117
6.5.6 滑鼠游標屬性118
6.5.7 列表屬性119
6.5.8 CSS綜合實例120
6.6 CSS3概述122
6.6.1 CSS3在選擇器上的支持122
6.6.2 CSS3在樣式上的支持122
6.6.3 CSS3對於動畫的支持123
6.6.4 在實際開發中該如何使用CSS3123
6.7 CSS複雜選擇器123
6.7.1 基本選擇器123
6.7.2 多元素的組合選擇器124
6.7.3 屬性選擇器124
6.7.4 結構性偽類選擇器125
6.8 CSS3屬性129
6.8.1 使用CSS3屬性前的準備130
6.8.2 框線屬性130
6.8.3 背景屬性132
6.8.4 文本屬性133
6.8.5 用戶界面屬性133
6.8.6 動畫屬性134
6.8.7 多列布局屬性134
6.8.8 漸變屬性135
6.8.9 透明屬性136
6.8.10 旋轉屬性136
6.8.11 伺服器端字型屬性136
本章小結137
本章習題137
第7章 CSS3屬性特效140
7.1 新增顏色模式140
7.2 文字142
7.2.1 文字陰影143
7.2.2 文字描邊146
7.2.3 文字排版150
7.2.4 定義省略文本的處理方式152
7.3 自定義文字153
7.4 彈性盒模型156
7.5 盒模型陰影164
7.6 倒影167
7.7 CSS3分欄布局173
7.7.1 列個數和列寬度173
7.7.2 列之間的縫隙間隔寬度175
7.7.3 分欄間隔符176
7.8 圓角177
7.8.1 border-radius屬性177
7.8.2 單個圓角的設定180
7.9 框線181
7.9.1 框線圖片border-image182
7.9.2 自適應的圓角效果186
7.10 漸變188
7.10.1 CSS3漸變介紹188
7.10.2 線性漸變189
7.10.3 線性漸變實例189
7.10.4 徑向漸變194
7.10.5 徑向漸變實例194
7.11 CSS3背景198
7.11.1 多背景198
7.11.2 background-size200
7.11.3 background-origin202
7.11.4 background-clip203
7.12 遮罩204
7.13 transition過渡206
7.14 2D變換207
7.14.1 translate()方法208
7.14.2 rotate()方法209
7.14.3 scale()方法212
7.14.4 skew()方法213
7.15 3D變換215
7.15.1 transform-style216
7.15.2 perspective景深216
7.15.3 perspective-origin景深基點218
7.15.4 3D位移219
7.15.5 3D旋轉222
7.15.6 3D縮放223
7.15.7 3D盒子225
7.16 animation動畫226
7.16.1 關鍵幀keyframes227
7.16.2 animation動畫屬性229
本章小結229
本章習題230
第8章 DIV+CSS網頁標準化布局232
8.1 DIV+CSS頁面布局的優勢232
8.2 “無意義”的HTML標籤和233
8.3 W3C盒子模型234
8.4 和頁面布局有關的CSS屬性236
8.5 盒子區塊框的定位238
8.5.1 相對定位238
8.5.2 絕對定位239
8.6 使用盒子模型的浮動布局240
8.6.1 設定浮動240
8.6.2 行框和清理242
8.7 DIV+CSS的兼容性問題244
8.7.1 不同瀏覽器解釋盒子模型的差異245
8.7.2 設定瀏覽器去遵循W3C標準246
8.8 使用盒子模型設計頁面布局247
8.8.1 居中設計247
8.8.2 設定兩列浮動的布局248
8.8.3 設定三列浮動的布局250
8.8.4 設定多列浮動的布局251
8.9 DIV+CSS網站首頁布局示例252
8.9.1 HTML檔案的設計253
8.9.2 CSS檔案的設計254
本章小結256
本章習題256
第9章 回響式布局259
9.1 回響式布局的優缺點259
9.2 如何設計回響式布局260
9.3 回響式布局實例261
9.4 Media Queries模組的使用方法263
9.4.1 語法結構及用法264
9.4.2 可用的設備類型265
9.4.3 可用的設備特性參數266
9.5 在移動設備上設定原始大小顯示268
9.6 回響式網站的內容設計268
9.6.1 回響式圖片顯示內容設計269
9.6.2 回響式文字顯示內容設計269
9.7 回響式網站的設計流程270
本章小結271
本章習題272
第10章 認識和使用Sass273
10.1 初識Sass273
10.1.1 Sass是什麼274
10.1.2 Sass的作用274
10.1.3 Sass的安裝277
10.1.4 Sass的使用和編譯279
10.2 Sass基本語法與使用實例283
10.2.1 Sass基本語法283
10.2.2 Sass使用實例288
本章小結292
本章習題292
第11章 柵格布局294
11.1 柵格294
11.2 盒子模型296
11.3 柵格實例297
11.4 Bootstrap框架298
11.4.1 Bootstrap現狀299
11.4.2 柵格系統299
本章小結313
本章習題313
第12章 Bootstrap的快速入門315
12.1 Bootstrap的內容概述與整體理解315
12.1.1 全局CSS樣式316
12.1.2 組件317
12.1.3 JavaScript外掛程式319
12.2 Bootstrap搭建環境320
12.3 Bootstrap全局CSS樣式321
12.3.1 全局CSS樣式的柵格系統和回響式布局322
12.3.2 全局CSS樣式的表單324
12.4 Bootstrap組件324
12.5 Bootstrap的JavaScript外掛程式326
本章小結328
本章習題328
8.6.1 設定浮動240
8.6.2 行框和清理242
8.7 DIV+CSS的兼容性問題244
8.7.1 不同瀏覽器解釋盒子模型的差異245
8.7.2 設定瀏覽器去遵循W3C標準246
8.8 使用盒子模型設計頁面布局247
8.8.1 居中設計247
8.8.2 設定兩列浮動的布局248
8.8.3 設定三列浮動的布局250
8.8.4 設定多列浮動的布局251
8.9 DIV+CSS網站首頁布局示例252
8.9.1 HTML檔案的設計253
8.9.2 CSS檔案的設計254
本章小結256
本章習題256
第9章 回響式布局259
9.1 回響式布局的優缺點259
9.2 如何設計回響式布局260
9.3 回響式布局實例261
9.4 Media Queries模組的使用方法263
9.4.1 語法結構及用法264
9.4.2 可用的設備類型265
9.4.3 可用的設備特性參數266
9.5 在移動設備上設定原始大小顯示268
9.6 回響式網站的內容設計268
9.6.1 回響式圖片顯示內容設計269
9.6.2 回響式文字顯示內容設計269
9.7 回響式網站的設計流程270
本章小結271
本章習題272
第10章 認識和使用Sass273
10.1 初識Sass273
10.1.1 Sass是什麼274
10.1.2 Sass的作用274
10.1.3 Sass的安裝277
10.1.4 Sass的使用和編譯279
10.2 Sass基本語法與使用實例283
10.2.1 Sass基本語法283
10.2.2 Sass使用實例288
本章小結292
本章習題292
第11章 柵格布局294
11.1 柵格294
11.2 盒子模型296
11.3 柵格實例297
11.4 Bootstrap框架298
11.4.1 Bootstrap現狀299
11.4.2 柵格系統299
本章小結313
本章習題313
第12章 Bootstrap的快速入門315
12.1 Bootstrap的內容概述與整體理解315
12.1.1 全局CSS樣式316
12.1.2 組件317
12.1.3 JavaScript外掛程式319
12.2 Bootstrap搭建環境320
12.3 Bootstrap全局CSS樣式321
12.3.1 全局CSS樣式的柵格系統和回響式布局322
12.3.2 全局CSS樣式的表單324
12.4 Bootstrap組件324
12.5 Bootstrap的JavaScript外掛程式326
本章小結328
本章習題328
第13章 Bootstrap的實戰330
13.1 實戰概述330
13.2 實戰需求330
13.3 實戰準備333
13.3.1 Sass配置334
13.3.2 HTML的基本模組335
13.4 頂部工具列336
13.4.1 Bootstrap的字型圖示組件336
13.4.2 Bootstrap的下拉選單組件337
13.4.3 Bootstrap的輸入框組組件339
13.4.4 Bootstrap的導航組件341
13.4.5 頂部工具列PC端內容填充342
13.4.6 頂部工具列PC端樣式最佳化345
13.4.7 實戰頂部工具列移動端352
13.5 頁面導航條353
13.5.1 Bootstrap的導航條組件354
13.5.2 實戰頁面導航條——內容填充356
13.5.3 實戰頁面導航條——樣式最佳化358
13.6 banner區360
13.6.1 Bootstrap的JavaScript輪播圖外掛程式360
13.6.2 實戰banner區362
13.7 推薦位364
13.7.1 Bootstrap的縮略圖組件364
13.7.2 Bootstrap的面板組件365
13.7.3 實戰第一種風格的推薦位——內容填充366
13.7.4 實戰第一種風格的推薦位——樣式最佳化369
13.7.5 實戰第二種風格的推薦位——內容填充372
13.7.6 實戰第二種風格的推薦位——樣式最佳化375
13.8 腳部379
13.9 用戶登錄380
13.9.1 Bootstrap的表單全局CSS樣式380
13.9.2 Bootstrap的模態框JavaScript外掛程式382
13.9.3 實戰用戶登錄384
本章小結386
本章習題387
附錄A388
13.1 實戰概述330
13.2 實戰需求330
13.3 實戰準備333
13.3.1 Sass配置334
13.3.2 HTML的基本模組335
13.4 頂部工具列336
13.4.1 Bootstrap的字型圖示組件336
13.4.2 Bootstrap的下拉選單組件337
13.4.3 Bootstrap的輸入框組組件339
13.4.4 Bootstrap的導航組件341
13.4.5 頂部工具列PC端內容填充342
13.4.6 頂部工具列PC端樣式最佳化345
13.4.7 實戰頂部工具列移動端352
13.5 頁面導航條353
13.5.1 Bootstrap的導航條組件354
13.5.2 實戰頁面導航條——內容填充356
13.5.3 實戰頁面導航條——樣式最佳化358
13.6 banner區360
13.6.1 Bootstrap的JavaScript輪播圖外掛程式360
13.6.2 實戰banner區362
13.7 推薦位364
13.7.1 Bootstrap的縮略圖組件364
13.7.2 Bootstrap的面板組件365
13.7.3 實戰第一種風格的推薦位——內容填充366
13.7.4 實戰第一種風格的推薦位——樣式最佳化369
13.7.5 實戰第二種風格的推薦位——內容填充372
13.7.6 實戰第二種風格的推薦位——樣式最佳化375
13.8 腳部379
13.9 用戶登錄380
13.9.1 Bootstrap的表單全局CSS樣式380
13.9.2 Bootstrap的模態框JavaScript外掛程式382
13.9.3 實戰用戶登錄384
本章小結386
本章習題387
附錄A388
