細說網(wǎng)頁制作圖書目錄

時間：2023-02-19 03:06:01 | 來源：營銷百科

時間：2023-02-19 03:06:01 來源：營銷百科

細說網(wǎng)頁制作圖書目錄：第1章 介紹HTML5 1

1.1 了解HTML5的主流應(yīng)用 1

1.1.1 表單的強大 2

1.1.2 響應(yīng)式頁面布局 2

1.1.3 與用戶交互的特效 4

1.1.4 微網(wǎng)站的制作 5

1.1.5 基于HTML5的移動APP開發(fā) 6

1.1.6 HTML5游戲 7

1.1.7 多媒體的應(yīng)用 7

1.2 什么是HTML5 8

1.2.1 HTML5和HTML的關(guān)系 8

1.2.2 HTML和CSS的關(guān)系 10

1.2.3 HTML5和CSS3的關(guān)系 11

1.2.4 HTML5和JavaScript的關(guān)系 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的曲折發(fā)展過程 15

1.4.1 HTML5的誕生 15

1.4.2 瀏覽器之間的大戰(zhàn) 16

1.4.3 HTML5技術(shù)的應(yīng)用現(xiàn)狀 18

1.4.4 HTML5平臺的興起 18

1.4.5 HTML5行業(yè)的發(fā)展預(yù)測 20

1.5 HTML5的學(xué)習(xí)線路圖 21

1.5.1 第一階段——學(xué)習(xí)網(wǎng)頁制作 23

1.5.2 第二階段——編寫用戶交互功能 24

1.5.3 第三階段——成為前端工程師 25

本章小結(jié) 26

本章習(xí)題 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 如何選擇開發(fā)工具 31

2.1.5 認識瀏覽器中的開發(fā)者工具 32

2.1.6 現(xiàn)在學(xué)習(xí)HTML5的方式 34

2.1.7 簡單HTML實例制作 35

2.2 HTML語言的語法 36

2.2.1 HTML標簽和元素 36

2.2.2 HTML語法不區(qū)分字母大小寫 37

2.2.3 HTML標簽屬性 37

2.2.4 HTML顏色值的設(shè)置 37

2.2.5 HTML文檔注釋 38

2.2.6 HTML代碼格式 38

2.2.7 HTML字符實體 38

2.3 HTML文檔的主體結(jié)構(gòu) 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 設(shè)置IE 9以下版本瀏覽器支持HTML546

本章小結(jié)47

本章習(xí)題47

第3章 HTML5文字版面和編輯標簽49

3.1 HTML基礎(chǔ)標簽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框架結(jié)構(gòu)57

本章小結(jié)60

本章習(xí)題61

第4章 多媒體應(yīng)用62

4.1 創(chuàng)建圖像和鏈接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 實現(xiàn)圖像地圖67

4.3 新增多媒體播放元素68

本章小結(jié)71

本章習(xí)題71

第5章 HTML5表單74

5.1HTML表單中的get和post方法74

5.1.1 get方法75

5.1.2 post方法76

5.1.3 HTML表單中g(shù)et和post的區(qū)別76

5.2 HTML表單設(shè)計77

5.2.1 表單標簽77

5.2.2 文本域和密碼域78

5.2.3 提交、重置和普通按鈕78

5.2.4 單選按鈕和復(fù)選框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

本章小結(jié)103

本章習(xí)題103

第6章 CSS3揭秘105

6.1 CSS簡介105

6.2 CSS規(guī)則的組成107

6.2.1 CSS注釋108

6.2.2 長度單位108

6.2.3 顏色單位和URL值109

6.3 在HTML文檔中放置CSS的幾種方式110

6.3.1 內(nèi)聯(lián)樣式表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 關(guān)聯(lián)選擇器113

6.4.5 組合選擇器113

6.4.6 偽元素選擇器113^[1]

6.5 CSS常見的樣式屬性和值114

6.5.1 字體屬性114

6.5.2 顏色屬性115

6.5.3 背景屬性115

6.5.4 文本屬性116

6.5.5 邊框?qū)傩?17

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 在實際開發(fā)中該如何使用CSS3123

6.7 CSS復(fù)雜選擇器123

6.7.1 基本選擇器123

6.7.2 多元素的組合選擇器124

6.7.3 屬性選擇器124

6.7.4 結(jié)構(gòu)性偽類選擇器125

6.8 CSS3屬性129

6.8.1 使用CSS3屬性前的準備130

6.8.2 邊框?qū)傩?30

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 旋轉(zhuǎn)屬性136

6.8.11 服務(wù)器端字體屬性136

本章小結(jié)137

本章習(xí)題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 列個數(shù)和列寬度173

7.7.2 列之間的縫隙間隔寬度175

7.7.3 分欄間隔符176

7.8 圓角177

7.8.1 border-radius屬性177

7.8.2 單個圓角的設(shè)置180

7.9 邊框181

7.9.1 邊框圖片border-image182

7.9.2 自適應(yīng)的圓角效果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旋轉(zhuǎn)222

7.15.6 3D縮放223

7.15.7 3D盒子225

7.16 animation動畫226

7.16.1 關(guān)鍵幀keyframes227

7.16.2 animation動畫屬性229

本章小結(jié)229

本章習(xí)題230

第8章 DIV CSS網(wǎng)頁標準化布局232

8.1 DIV CSS頁面布局的優(yōu)勢232

8.2 '無意義'的HTML標簽和233

8.3 W3C盒子模型234

8.4 和頁面布局有關(guān)的CSS屬性236

8.5 盒子區(qū)塊框的定位238

8.5.1 相對定位238

8.5.2 絕對定位239^[1]

8.6 使用盒子模型的浮動布局240

8.6.1 設(shè)置浮動240

8.6.2 行框和清理242

8.7 DIV CSS的兼容性問題244

8.7.1 不同瀏覽器解釋盒子模型的差異245

8.7.2 設(shè)置瀏覽器去遵循W3C標準246

8.8 使用盒子模型設(shè)計頁面布局247

8.8.1 居中設(shè)計247

8.8.2 設(shè)置兩列浮動的布局248

8.8.3 設(shè)置三列浮動的布局250

8.8.4 設(shè)置多列浮動的布局251

8.9 DIV CSS網(wǎng)站首頁布局示例252

8.9.1HTML文件的設(shè)計253

8.9.2 CSS文件的設(shè)計254

本章小結(jié)256

本章習(xí)題256

第9章 響應(yīng)式布局259

9.1 響應(yīng)式布局的優(yōu)缺點259

9.2 如何設(shè)計響應(yīng)式布局260

9.3 響應(yīng)式布局實例261

9.4 Media Queries模塊的使用方法263

9.4.1 語法結(jié)構(gòu)及用法264

9.4.2 可用的設(shè)備類型265

9.4.3 可用的設(shè)備特性參數(shù)266

9.5 在移動設(shè)備上設(shè)置原始大小顯示268

9.6 響應(yīng)式網(wǎng)站的內(nèi)容設(shè)計268

9.6.1 響應(yīng)式圖片顯示內(nèi)容設(shè)計269

9.6.2 響應(yīng)式文字顯示內(nèi)容設(shè)計269

9.7 響應(yīng)式網(wǎng)站的設(shè)計流程270

本章小結(jié)271

本章習(xí)題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

本章小結(jié)292

本章習(xí)題292

第11章 柵格布局294

11.1 柵格294

11.2 盒子模型296

11.3 柵格實例297

11.4 Bootstrap框架298

11.4.1 Bootstrap現(xiàn)狀299

11.4.2 柵格系統(tǒng)299

本章小結(jié)313

本章習(xí)題313

第12章 Bootstrap的快速入門315

12.1 Bootstrap的內(nèi)容概述與整體理解315

12.1.1 全局CSS樣式316

12.1.2 組件317

12.1.3 JavaScript插件319

12.2 Bootstrap搭建環(huán)境320

12.3 Bootstrap全局CSS樣式321

12.3.1 全局CSS樣式的柵格系統(tǒng)和響應(yīng)式布局322

12.3.2 全局CSS樣式的表單324

12.4 Bootstrap組件324

12.5 Bootstrap的JavaScript插件326

本章小結(jié)328

本章習(xí)題328

第13章 Bootstrap的實戰(zhàn)330

13.1 實戰(zhàn)概述330

13.2 實戰(zhàn)需求330

13.3 實戰(zhàn)準備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的導(dǎo)航組件341

13.4.5 頂部工具欄PC端內(nèi)容填充342

13.4.6 頂部工具欄PC端樣式優(yōu)化345

13.4.7 實戰(zhàn)頂部工具欄移動端352

13.5 頁面導(dǎo)航條353

13.5.1 Bootstrap的導(dǎo)航條組件354

13.5.2 實戰(zhàn)頁面導(dǎo)航條——內(nèi)容填充356

13.5.3 實戰(zhàn)頁面導(dǎo)航條——樣式優(yōu)化358

13.6 banner區(qū)360

13.6.1 Bootstrap的JavaScript輪播圖插件360

13.6.2 實戰(zhàn)banner區(qū)362

13.7 推薦位364

13.7.1 Bootstrap的縮略圖組件364

13.7.2 Bootstrap的面板組件365

13.7.3 實戰(zhàn)第一種風(fēng)格的推薦位——內(nèi)容填充366

13.7.4 實戰(zhàn)第一種風(fēng)格的推薦位——樣式優(yōu)化369

13.7.5 實戰(zhàn)第二種風(fēng)格的推薦位——內(nèi)容填充372

13.7.6 實戰(zhàn)第二種風(fēng)格的推薦位——樣式優(yōu)化375

13.8 腳部379

13.9 用戶登錄380

13.9.1 Bootstrap的表單全局CSS樣式380

13.9.2 Bootstrap的模態(tài)框JavaScript插件382

13.9.3 實戰(zhàn)用戶登錄384

本章小結(jié)386

本章習(xí)題387

附錄A388^[1]