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

目 錄
第1章 網(wǎng)站與HTML網(wǎng)頁 1
1.1 什么是網(wǎng)站和網(wǎng)頁 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ù)庫 3
1.2.6 Web服務(wù)器 4
1.3 HTML網(wǎng)頁的組成 4
1.3.1 HTML網(wǎng)頁結(jié)構(gòu) 4
1.3.2 HTML網(wǎng)頁頭部 5
1.3.3 HTML網(wǎng)頁主體 6
1.3.4 HTML網(wǎng)頁要求 7
1.3.5 HTML網(wǎng)頁標(biāo)簽 8
1.3.6 HTML與XHTML 10
1.4 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁 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)測試 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的移動特性及未來 21
1.7 如何創(chuàng)建一個(gè)HTML 5網(wǎng)頁 21
1.7.1 HTML 5代碼的編寫 22
1.7.2 使用文本編輯器開發(fā) 22
1.7.3 使用EditPlus編輯器開發(fā) 24
1.7.4 使用Sublime編輯器開發(fā) 26
1.7.5 使用WebStorm平臺開發(fā) 26
1.7.6 使用Dreamweaver平臺開發(fā) 28
第2章 HTML網(wǎng)頁結(jié)構(gòu) 31
2.1 DOCTYPE標(biāo)簽 31
2.1.1 概念及作用 31
2.1.2 使用規(guī)則 31
2.1.3 DTD類型 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 簡單示例 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)頁注釋 51
2.9 瀏覽器對HTML屬性的支持 53
第3章 HTML網(wǎng)頁文字與排版 57
3.1 段落排版 57
3.1.1 段落標(biāo)簽 57
3.1.2 對齊與縮進(jìn) 58
3.1.3 分割線 60
3.1.4 標(biāo)題 61
3.2 文字排版 62
3.2.1 字形字體 62
3.2.2 上、下標(biāo)字體 64
3.3 項(xiàng)目符號與編號 65
3.3.1 符號列表 65
3.3.2 編號列表 67
3.3.3 自定義列表 68
3.4 特殊符號 69
3.5 項(xiàng)目實(shí)戰(zhàn)：在線新聞瀏覽 71
第4章 HTML網(wǎng)頁圖像 74
4.1 網(wǎng)頁圖片基礎(chǔ) 74
4.1.1 圖片尺寸、像素與分辨率 74
4.1.2 在網(wǎng)頁中顯示原始圖片 75
4.1.3 在網(wǎng)頁中調(diào)整圖片尺寸 77
4.2 網(wǎng)頁圖片效果 80
4.2.1 背景圖片 80
4.2.2 圖片對齊 81
4.2.3 浮動圖片 82
4.2.4 替換圖片的文本 83
4.2.5 圖片鏈接 85
4.3 項(xiàng)目實(shí)戰(zhàn)：在線圖文雜志 86
4.3.1 在線圖文雜志源代碼結(jié)構(gòu) 86
4.3.2 在線圖文雜志頁眉設(shè)計(jì) 88
4.3.3 在線圖文雜志目錄設(shè)計(jì) 90
4.3.4 在線圖文雜志正文設(shè)計(jì) 92
4.3.5 在線圖文雜志頁腳設(shè)計(jì) 95
第5章 HTML網(wǎng)頁超鏈接 98
5.1 超鏈接基礎(chǔ) 98
5.1.1 什么是超鏈接 98
5.1.2 超鏈接類型 98
5.2 超鏈接標(biāo)簽 99
5.2.1 超鏈接格式 99
5.2.2 超鏈接語法 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)：電子書制作 111
5.5.1 電子書源代碼結(jié)構(gòu) 111
5.5.2 電子書主頁設(shè)計(jì) 112
5.5.3 電子書功能頁設(shè)計(jì) 116
5.5.4 電子書參考書籍頁設(shè)計(jì) 120
第6章 HTML網(wǎng)頁中的表格與表單 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 表格語法 126
6.3 HTML表格應(yīng)用 129
6.3.1 空單元格表格 129
6.3.2 單元格邊距和間距 130
6.3.3 細(xì)線邊框表格 131
6.3.4 跨行與跨列的表格 132
6.3.5 表格背景顏色 136
6.3.6 單元格內(nèi)容對齊方式 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è)簡單的表單頁面 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 自動完成屬性 154
6.7.2 自動焦點(diǎn)屬性 157
6.8 HTML 5表單輸入類型 159
6.8.1 email類型 159
6.8.2 number類型 163
6.8.3 range類型 165
6.8.4 search類型 165
6.8.5 url類型 166
6.8.6 日期選擇器（Data Pickers） 167
6.9 項(xiàng)目實(shí)戰(zhàn)：HTML 5用戶注冊頁面 171
第7章 HTML 5應(yīng)用 176
7.1 畫布工具 176
7.1.1 畫布工具介紹 176
7.1.2 畫布標(biāo)簽定義 176
7.1.3 畫布工具對象、坐標(biāo)、路徑和填充 177
7.1.4 使用畫布繪制圖形 178
7.1.5 使用畫布繪制文字 182
7.1.6 畫布特效 184
7.2 HTML 5離線緩存 187
7.2.1 HTML 5離線緩存API介紹 187
7.2.2 使用Manifest文件 189
7.2.3 使用ApplicationCache API 190
7.3 HTML 5 Web存儲 191
7.3.1 HTML 5 Web存儲概述 `191
7.3.2 localStorage存儲方式 191
7.3.3 sessionStorage存儲方式 193
7.4 項(xiàng)目實(shí)戰(zhàn)：搭建簡單的HTML 5離線APP 195
第8章 CSS與CSS 3 199
8.1 回顧C(jī)SS 199
8.1.1 什么是CSS 199
8.1.2 CSS發(fā)展簡史 199
8.1.3 XHTML+CSS設(shè)計(jì)標(biāo)準(zhǔn) 200
8.2 CSS語法構(gòu)成 200
8.2.1 CSS基礎(chǔ)語法 200
8.2.2 CSS高級語法 201
8.2.3 CSS選擇器 202
8.3 CSS標(biāo)簽語義化 202
8.4 CSS命名規(guī)范 204
8.4.1 CSS文件名稱命名規(guī)范 204
8.4.2 頁面功能區(qū)域的命名規(guī)范 204
8.4.3 頁面位置的命名規(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)先級 212
8.6 創(chuàng)建并編輯CSS的工具 212
8.6.1 CSS創(chuàng)建與編輯工具 212
8.6.2 使用集成開發(fā)平臺 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