HTML5+ CSS3+JavaScript 網(wǎng)頁設計實戰(zhàn)（視頻教學版）

目 錄
第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服務器 4
1.3 HTML網(wǎng)頁的組成 4
1.3.1 HTML網(wǎng)頁結構 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)頁標簽 8
1.3.6 HTML與XHTML 10
1.4 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁 11
1.5 Web標準 12
1.5.1 結構標準 12
1.5.2 表現(xiàn)標準 13
1.5.3 行為標準 13
1.5.4 代碼標準 13
1.5.5 標準測試 15
1.5.6 HTML、CSS與JavaScript三者的關系 15
1.6 HTML 5介紹 15
1.6.1 HTML 5的發(fā)展歷史 15
1.6.2 HTML 5的設計理念 17
1.6.3 HTML 5的新特性 18
1.6.4 HTML 5的新變革 19
1.6.5 HTML 5的新標簽 19
1.6.6 HTML 5的移動特性及未來 21
1.7 如何創(chuàng)建一個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)頁結構 31
2.1 DOCTYPE標簽 31
2.1.1 概念及作用 31
2.1.2 使用規(guī)則 31
2.1.3 DTD類型 32
2.2 HTML標簽 32
2.2.1 概念及作用 32
2.2.2 使用方法 33
2.3 head標簽 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基址標簽 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 段落標簽 57
3.1.2 對齊與縮進 58
3.1.3 分割線 60
3.1.4 標題 61
3.2 文字排版 62
3.2.1 字形字體 62
3.2.2 上、下標字體 64
3.3 項目符號與編號 65
3.3.1 符號列表 65
3.3.2 編號列表 67
3.3.3 自定義列表 68
3.4 特殊符號 69
3.5 項目實戰(zhàn)：在線新聞瀏覽 71
第4章 HTML網(wǎng)頁圖像 74
4.1 網(wǎng)頁圖片基礎 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 項目實戰(zhàn)：在線圖文雜志 86
4.3.1 在線圖文雜志源代碼結構 86
4.3.2 在線圖文雜志頁眉設計 88
4.3.3 在線圖文雜志目錄設計 90
4.3.4 在線圖文雜志正文設計 92
4.3.5 在線圖文雜志頁腳設計 95
第5章 HTML網(wǎng)頁超鏈接 98
5.1 超鏈接基礎 98
5.1.1 什么是超鏈接 98
5.1.2 超鏈接類型 98
5.2 超鏈接標簽 99
5.2.1 超鏈接格式 99
5.2.2 超鏈接語法 99
5.3 超鏈接應用 103
5.3.1 關鍵字超鏈接 103
5.3.2 圖片超鏈接 104
5.3.3 電子郵件鏈接 106
5.4 創(chuàng)建熱點區(qū)域 109
5.5 項目實戰(zhàn)：電子書制作 111
5.5.1 電子書源代碼結構 111
5.5.2 電子書主頁設計 112
5.5.3 電子書功能頁設計 116
5.5.4 電子書參考書籍頁設計 120
第6章 HTML網(wǎng)頁中的表格與表單 124
6.1 HTML表格基礎 124
6.1.1 什么是HTML表格 124
6.1.2 HTML表格組成 124
6.2 HTML表格標簽 125
6.2.1 表格標簽 125
6.2.2 表格語法 126
6.3 HTML表格應用 129
6.3.1 空單元格表格 129
6.3.2 單元格邊距和間距 130
6.3.3 細線邊框表格 131
6.3.4 跨行與跨列的表格 132
6.3.5 表格背景顏色 136
6.3.6 單元格內(nèi)容對齊方式 137
6.3.7 表格嵌套元素 138
6.4 HTML表單基礎 140
6.4.1 什么是HTML表單 140
6.4.2 HTML表單框架 141
6.5 HTML表單組成 142
6.5.1 表單標簽 142
6.5.2 表單組成 143
6.5.3 一個簡單的表單頁面 143
6.6 HTML表單元素 145
6.6.1 文本域及其標記 145
6.6.2 密碼域 147
6.6.3 單選按鈕 148
6.6.4 復選框 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 自動焦點屬性 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 項目實戰(zhàn)：HTML 5用戶注冊頁面 171
第7章 HTML 5應用 176
7.1 畫布工具 176
7.1.1 畫布工具介紹 176
7.1.2 畫布標簽定義 176
7.1.3 畫布工具對象、坐標、路徑和填充 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 項目實戰(zhàn)：搭建簡單的HTML 5離線APP 195
第8章 CSS與CSS 3 199
8.1 回顧CSS 199
8.1.1 什么是CSS 199
8.1.2 CSS發(fā)展簡史 199
8.1.3 XHTML+CSS設計標準 200
8.2 CSS語法構成 200
8.2.1 CSS基礎語法 200
8.2.2 CSS高級語法 201
8.2.3 CSS選擇器 202
8.3 CSS標簽語義化 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ī)范 205
8.4.5 具體功能的命名規(guī)范 205
8.4.6 控件的命名規(guī)范 205
8.4.7 自定義命名規(guī)范 205
8.5 CSS使用方法 205
8.5.1 外鏈式 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