HTML5+ CSS3+JavaScript 網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)（視頻教學(xué)版）

目 錄
第1章 網(wǎng)站與HTML網(wǎng)頁(yè) 1
1.1 什么是網(wǎng)站和網(wǎng)頁(yè) 1
1.2 網(wǎng)站的組成 1
1.2.1 網(wǎng)址 2
1.2.2 網(wǎng)站空間 3
1.2.3 DNS域名解析 3
1.2.4 網(wǎng)站程序 3
1.2.5 數(shù)據(jù)庫(kù) 3
1.2.6 Web服務(wù)器 4
1.3 HTML網(wǎng)頁(yè)的組成 4
1.3.1 HTML網(wǎng)頁(yè)結(jié)構(gòu) 4
1.3.2 HTML網(wǎng)頁(yè)頭部 5
1.3.3 HTML網(wǎng)頁(yè)主體 6
1.3.4 HTML網(wǎng)頁(yè)要求 7
1.3.5 HTML網(wǎng)頁(yè)標(biāo)簽 8
1.3.6 HTML與XHTML 10
1.4 靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) 11
1.5 Web標(biāo)準(zhǔn) 12
1.5.1 結(jié)構(gòu)標(biāo)準(zhǔn) 12
1.5.2 表現(xiàn)標(biāo)準(zhǔn) 13
1.5.3 行為標(biāo)準(zhǔn) 13
1.5.4 代碼標(biāo)準(zhǔn) 13
1.5.5 標(biāo)準(zhǔn)測(cè)試 15
1.5.6 HTML、CSS與JavaScript三者的關(guān)系 15
1.6 HTML 5介紹 15
1.6.1 HTML 5的發(fā)展歷史 15
1.6.2 HTML 5的設(shè)計(jì)理念 17
1.6.3 HTML 5的新特性 18
1.6.4 HTML 5的新變革 19
1.6.5 HTML 5的新標(biāo)簽 19
1.6.6 HTML 5的移動(dòng)特性及未來(lái) 21
1.7 如何創(chuàng)建一個(gè)HTML 5網(wǎng)頁(yè) 21
1.7.1 HTML 5代碼的編寫(xiě) 22
1.7.2 使用文本編輯器開(kāi)發(fā) 22
1.7.3 使用EditPlus編輯器開(kāi)發(fā) 24
1.7.4 使用Sublime編輯器開(kāi)發(fā) 26
1.7.5 使用WebStorm平臺(tái)開(kāi)發(fā) 26
1.7.6 使用Dreamweaver平臺(tái)開(kāi)發(fā) 28
第2章 HTML網(wǎng)頁(yè)結(jié)構(gòu) 31
2.1 DOCTYPE標(biāo)簽 31
2.1.1 概念及作用 31
2.1.2 使用規(guī)則 31
2.1.3 DTD類(lèi)型 32
2.2 HTML標(biāo)簽 32
2.2.1 概念及作用 32
2.2.2 使用方法 33
2.3 head標(biāo)簽 33
2.3.1 基本概念 34
2.3.2 功能作用 34
2.3.3 使用方法 34
2.4 refresh重定向 36
2.4.1 基本概念 36
2.4.2 使用方法 36
2.4.3 http-equiv屬性 37
2.5 base基址標(biāo)簽 38
2.5.1 基本概念及作用 38
2.5.2 常規(guī)用法 39
2.5.3 特殊用法 41
2.6 引用CSS樣式文件 42
2.6.1 概述 43
2.6.2 功能用法 43
2.6.3 簡(jiǎn)單示例 44
2.7 引用JavaScript腳本文件 46
2.7.1 概述 46
2.7.2 內(nèi)嵌式JavaScript腳本 46
2.7.3 引入外部JavaScript腳本 49
2.8 HTML網(wǎng)頁(yè)注釋 51
2.9 瀏覽器對(duì)HTML屬性的支持 53
第3章 HTML網(wǎng)頁(yè)文字與排版 57
3.1 段落排版 57
3.1.1 段落標(biāo)簽 57
3.1.2 對(duì)齊與縮進(jìn) 58
3.1.3 分割線(xiàn) 60
3.1.4 標(biāo)題 61
3.2 文字排版 62
3.2.1 字形字體 62
3.2.2 上、下標(biāo)字體 64
3.3 項(xiàng)目符號(hào)與編號(hào) 65
3.3.1 符號(hào)列表 65
3.3.2 編號(hào)列表 67
3.3.3 自定義列表 68
3.4 特殊符號(hào) 69
3.5 項(xiàng)目實(shí)戰(zhàn)：在線(xiàn)新聞瀏覽 71
第4章 HTML網(wǎng)頁(yè)圖像 74
4.1 網(wǎng)頁(yè)圖片基礎(chǔ) 74
4.1.1 圖片尺寸、像素與分辨率 74
4.1.2 在網(wǎng)頁(yè)中顯示原始圖片 75
4.1.3 在網(wǎng)頁(yè)中調(diào)整圖片尺寸 77
4.2 網(wǎng)頁(yè)圖片效果 80
4.2.1 背景圖片 80
4.2.2 圖片對(duì)齊 81
4.2.3 浮動(dòng)圖片 82
4.2.4 替換圖片的文本 83
4.2.5 圖片鏈接 85
4.3 項(xiàng)目實(shí)戰(zhàn)：在線(xiàn)圖文雜志 86
4.3.1 在線(xiàn)圖文雜志源代碼結(jié)構(gòu) 86
4.3.2 在線(xiàn)圖文雜志頁(yè)眉設(shè)計(jì) 88
4.3.3 在線(xiàn)圖文雜志目錄設(shè)計(jì) 90
4.3.4 在線(xiàn)圖文雜志正文設(shè)計(jì) 92
4.3.5 在線(xiàn)圖文雜志頁(yè)腳設(shè)計(jì) 95
第5章 HTML網(wǎng)頁(yè)超鏈接 98
5.1 超鏈接基礎(chǔ) 98
5.1.1 什么是超鏈接 98
5.1.2 超鏈接類(lèi)型 98
5.2 超鏈接標(biāo)簽 99
5.2.1 超鏈接格式 99
5.2.2 超鏈接語(yǔ)法 99
5.3 超鏈接應(yīng)用 103
5.3.1 關(guān)鍵字超鏈接 103
5.3.2 圖片超鏈接 104
5.3.3 電子郵件鏈接 106
5.4 創(chuàng)建熱點(diǎn)區(qū)域 109
5.5 項(xiàng)目實(shí)戰(zhàn)：電子書(shū)制作 111
5.5.1 電子書(shū)源代碼結(jié)構(gòu) 111
5.5.2 電子書(shū)主頁(yè)設(shè)計(jì) 112
5.5.3 電子書(shū)功能頁(yè)設(shè)計(jì) 116
5.5.4 電子書(shū)參考書(shū)籍頁(yè)設(shè)計(jì) 120
第6章 HTML網(wǎng)頁(yè)中的表格與表單 124
6.1 HTML表格基礎(chǔ) 124
6.1.1 什么是HTML表格 124
6.1.2 HTML表格組成 124
6.2 HTML表格標(biāo)簽 125
6.2.1 表格標(biāo)簽 125
6.2.2 表格語(yǔ)法 126
6.3 HTML表格應(yīng)用 129
6.3.1 空單元格表格 129
6.3.2 單元格邊距和間距 130
6.3.3 細(xì)線(xiàn)邊框表格 131
6.3.4 跨行與跨列的表格 132
6.3.5 表格背景顏色 136
6.3.6 單元格內(nèi)容對(duì)齊方式 137
6.3.7 表格嵌套元素 138
6.4 HTML表單基礎(chǔ) 140
6.4.1 什么是HTML表單 140
6.4.2 HTML表單框架 141
6.5 HTML表單組成 142
6.5.1 表單標(biāo)簽 142
6.5.2 表單組成 143
6.5.3 一個(gè)簡(jiǎn)單的表單頁(yè)面 143
6.6 HTML表單元素 145
6.6.1 文本域及其標(biāo)記 145
6.6.2 密碼域 147
6.6.3 單選按鈕 148
6.6.4 復(fù)選框 149
6.6.5 下拉列表 150
6.6.6 多行文本域 152
6.6.7 分組框（Fieldset） 153
6.7 HTML 5表單新屬性 154
6.7.1 自動(dòng)完成屬性 154
6.7.2 自動(dòng)焦點(diǎn)屬性 157
6.8 HTML 5表單輸入類(lèi)型 159
6.8.1 email類(lèi)型 159
6.8.2 number類(lèi)型 163
6.8.3 range類(lèi)型 165
6.8.4 search類(lèi)型 165
6.8.5 url類(lèi)型 166
6.8.6 日期選擇器（Data Pickers） 167
6.9 項(xiàng)目實(shí)戰(zhàn)：HTML 5用戶(hù)注冊(cè)頁(yè)面 171
第7章 HTML 5應(yīng)用 176
7.1 畫(huà)布工具 176
7.1.1 畫(huà)布工具介紹 176
7.1.2 畫(huà)布標(biāo)簽定義 176
7.1.3 畫(huà)布工具對(duì)象、坐標(biāo)、路徑和填充 177
7.1.4 使用畫(huà)布繪制圖形 178
7.1.5 使用畫(huà)布繪制文字 182
7.1.6 畫(huà)布特效 184
7.2 HTML 5離線(xiàn)緩存 187
7.2.1 HTML 5離線(xiàn)緩存API介紹 187
7.2.2 使用Manifest文件 189
7.2.3 使用ApplicationCache API 190
7.3 HTML 5 Web存儲(chǔ) 191
7.3.1 HTML 5 Web存儲(chǔ)概述 `191
7.3.2 localStorage存儲(chǔ)方式 191
7.3.3 sessionStorage存儲(chǔ)方式 193
7.4 項(xiàng)目實(shí)戰(zhàn)：搭建簡(jiǎn)單的HTML 5離線(xiàn)APP 195
第8章 CSS與CSS 3 199
8.1 回顧C(jī)SS 199
8.1.1 什么是CSS 199
8.1.2 CSS發(fā)展簡(jiǎn)史 199
8.1.3 XHTML+CSS設(shè)計(jì)標(biāo)準(zhǔn) 200
8.2 CSS語(yǔ)法構(gòu)成 200
8.2.1 CSS基礎(chǔ)語(yǔ)法 200
8.2.2 CSS高級(jí)語(yǔ)法 201
8.2.3 CSS選擇器 202
8.3 CSS標(biāo)簽語(yǔ)義化 202
8.4 CSS命名規(guī)范 204
8.4.1 CSS文件名稱(chēng)命名規(guī)范 204
8.4.2 頁(yè)面功能區(qū)域的命名規(guī)范 204
8.4.3 頁(yè)面位置的命名規(guī)范 204
8.4.4 父子關(guān)系的命名規(guī)范 205
8.4.5 具體功能的命名規(guī)范 205
8.4.6 控件的命名規(guī)范 205
8.4.7 自定義命名規(guī)范 205
8.5 CSS使用方法 205
8.5.1 外鏈?zhǔn)? 205
8.5.2 嵌入式 208
8.5.3 內(nèi)聯(lián)式 210
8.5.4 優(yōu)先級(jí) 212
8.6 創(chuàng)建并編輯CSS的工具 212
8.6.1 CSS創(chuàng)建與編輯工具 212
8.6.2 使用集成開(kāi)發(fā)平臺(tái) 213
8.7 CSS 3新增特性概述 215
8.7.1 CSS 3屬性選擇器 215
8.7.2 RGBA透明度 215
8.7.3 CSS 3多欄布局 216
8.7.4 CSS 3字符串溢出 216
8.7.5 CSS 3圓角 216
8.7.6 CSS 3陰影 217