《網頁設計項目教程（HTML5+CSS3+JavaScript）》是2017年8月電子工業出版社出版的圖書，作者是羅保山、孫琳。
基本介紹
- 中文名：網頁設計項目教程（HTML5+CSS3+JavaScript）
- 作者：羅保山、孫琳
- 出版時間：2017年8月
- 出版社：電子工業出版社
- 頁數：280 頁
- ISBN：9787121323188
- 定價：39 元
- 開本：16 開
內容簡介,圖書目錄,
內容簡介
本書集HTML5、CSS3、JavaScript技術於一體，基於Web標準，詳細介紹了Web前端設計技術的基礎知識，對Web體系結構、HTML5、CSS3、JavaScript和網站製作流程進行了詳細的講解；為了使廣大的Web開發者真正了解與全面掌握HTML5、CSS3、JavaScript等技術，本書對HTML5和CSS3樣式布局進行了深入的介紹，同時介紹了使用JavaScript腳本語言實現網頁動態效果。書中引入了豐富的案例，對案例進行了細緻的分析，便於學生理解所學知識，加強實操訓練，提高實踐能力。
本書結構合理、內容緊湊，每個知識點都精心設計了案例。本書既適合作為高職院校計算機專業程式設計課程的教材，也適合Web前端和對HTML5及未來Web套用技術感興趣的讀者參考。
圖書目錄
第1章 HTML5概述 1
1.1 HTML簡介 1
1.2 了解HTML5 2
1.3 搭建HTML5的開發環境 4
1.4 HTML5檔案的編寫方法 4
1.4.1 使用記事本手工編寫HTML5檔案 4
1.4.2 使用Dreamweaver CS編寫HTML
檔案 6
1.4.3 實例：編寫第一個HTML5網頁
檔案 7
1.4.4 預覽HTML5網頁 8
本章小結 8
練習與實訓 8
第2章 全新的HTML5 9
2.1 HTML5的適用範圍 9
2.1.1 HTML5與各大瀏覽器的兼容性 9
2.1.2 運用和標籤進行
視頻和音頻製作 9
2.1.3 更炫酷的界面 10
2.1.4 更強大的表單功能 10
2.1.5 提升可訪問性 10
2.2 語法變化 10
2.2.1 HTML5的語法變化 10
2.2.2 HTML5中的標記方法 11
2.2.3 HTML5與之前版本的兼容性 12
2.3 HTML5新增和廢除的元素 13
2.3.1 新增的結構元素 13
2.3.2 新增的其他元素 14
2.3.3 廢除的元素 15
2.4 新增的屬性 16
2.5 全局屬性 17
2.5.1 hidden屬性 18
2.5.2 spellcheck屬性 18
2.5.3 contenteditable屬性 18
2.5.4 designmode屬性 19
2.5.5 tabindex屬性 19
本章小結 19
練習與實訓 19
第3章 認識HTML5的文檔結構 20
3.1 Web標準 20
3.1.1 Web標準概述 20
3.1.2 Web標準規定的內容 20
3.2 HTML5的基本結構 21
3.2.1 文檔類型標記doctype 21
3.2.2 html標記 21
3.2.3 頭標記head 21
3.2.4 主體標記body 22
3.2.5 標題標記title 22
3.2.6 元信息標記meta 22
3.2.7 頁面注釋標記 24
3.3 綜合實例——符合W3C標準的HTML5
網頁 24
3.3.1 HTML 26
3.3.2 CSS 27
3.3.3 JavaScript 27
3.4 HTML5頁面構成 28
3.4.1 HTML5頁面主要組成部分 28
3.4.2 綜合實例——HTML5頁面構成 29
本章小結 36
練習與實訓 36
第4章 網頁文本設計 37
4.1 添加文本 37
4.1.1 普通文本 37
4.1.2 特殊字元文本 37
4.1.3 文本特殊樣式 38
4.2 文本排版 41
4.2.1 段落標記 41
4.2.2 標題標記 43
4.2.3 center標記 44
4.2.4 hr標記 45
4.2.5 span標記 46
4.2.6 特殊信息文本 47
4.3 網頁文字列表設計 52
4.3.1 建立無序列表 52
4.3.2 建立有序列表 54
4.3.3 建立自定義列表 55
本章小結 56
練習與實訓 56
第5章 美化網頁——使用CSS3技術 57
5.1 CSS3概述 57
5.2 CSS3基本選擇器 57
5.2.1 標記選擇器 58
5.2.2 類選擇器 58
5.2.3 ID選擇器 59
5.3 在HTML5中使用CSS3的方法 60
5.3.1 行內樣式 60
5.3.2 嵌入樣式 60
5.3.3 連結樣式 61
5.3.4 導入樣式 62
5.3.5 樣式的優先權 62
5.4 CSS3複合選擇器 64
5.4.1 交集選擇器 64
5.4.2 並集選擇器 64
5.4.3 後代選擇器 65
5.4.4 子選擇器 66
5.4.5 相鄰選擇器 67
5.4.6 偽類選擇器 67
5.4.7 偽對象選擇器 68
5.5 CSS3常用效果與技巧 69
5.5.1 陰影效果 70
5.5.2 2D與3D效果 71
本章小結 75
練習與實訓 75
第6章 文本格式的高級設定 76
6.1 文本樣式 76
6.1.1 字型 76
6.1.2 字號 77
6.1.3 字型風格 78
6.1.4 加粗字型 78
6.1.5 小寫字母轉為大寫字母 78
6.1.6 字型複合屬性 79
6.1.7 字型顏色 79
6.1.8 溢出文本 80
6.1.9 控制換行 81
6.2 文本樣式 81
6.2.1 單詞間隔 81
6.2.2 字元間隔 82
6.2.3 文字修飾 82
6.2.4 垂直對齊方式 83
6.2.5 水平對齊方式 84
6.2.6 文本縮進 84
6.2.7 文本行高 85
6.2.8 處理空白 85
6.2.9 文本反排 86
6.3 CSS3設定文本樣式 87
6.4 綜合實例—— 用CSS3設計網站側邊導
航欄 88
本章小結 92
練習與實訓 92
第7章 網頁色彩和圖片設計 93
7.1 網頁色彩和圖片的關係 93
7.2 網頁圖像的套用 94
7.2.1 網頁圖片格式的選擇 94
7.2.2 路徑表示法 96
7.2.3 圖片的使用 97
7.3 用CSS3設定顏色與背景 98
7.3.1 用CSS3設定圖像效果 100
7.3.2 圖片縮放 101
本章小結 103
練習與實訓 103
第8章 網頁超連結設計 104
8.1 創建超文本與圖片連結 104
8.2 創建下載連結 105
8.3 使用相對路徑和絕對路徑 106
8.4 設定連結目標打開視窗 107
8.5 超文本連結到一個E-mail地址 108
8.6 使用錨連結製作電子書閱讀網頁 110
8.7 創建熱點區域 112
8.8 浮動框架 113
8.9 綜合實例——圖片熱點區域製作 114
本章小結 118
練習與實訓 118
第9章 用HTML5創建表格 119
9.1 創建表格 119
9.1.1 創建表格的基本語法——table
元素、tr元素、th元素、td元素 119
9.1.2 表格的描述——summary屬性 121
9.2 表格的標題——caption元素 122
9.3 設定單元格——th元素、td元素 122
9.3.1 使用th元素和td元素定義單元格 122
9.3.2 跨多行、多列的單元格 124
9.4 表格的按行分組顯示——thead元素、
tfoot元素、tbody元素 127
9.5 表格的按列分組顯示——colgroup
元素、col元素 128
本章小結 130
練習與實訓 130
第10章 網頁表單設計 131
10.1 熟悉表單屬性 131
10.1.1 表單的用途 131
10.1.2 表單的屬性設定 132
10.2 基本元素的套用 134
10.2.1 文本框 137
10.2.2 密碼域 138
10.2.3 單選框 138
10.2.4 複選框 139
10.2.5 普通按鈕 140
10.2.6 提交按鈕 141
10.2.7 重置按鈕 141
10.2.8 多行文本框textarea 141
10.2.9 label標籤 142
10.2.10 下拉列表框 143
10.2.11 其他基本元素 144
10.3 表單高級元素的使用 145
10.3.1 url類型元素 145
10.3.2 email類型元素 146
10.3.3 number類型元素 146
10.3.4 range類型元素 147
10.3.5 search類型元素 148
10.3.6 color類型元素 149
10.3.7 日期和時間元素 149
10.3.8 datalist標籤 150
10.3.9 input表單控制項新增屬性 151
10.4 綜合實例——創建用戶反饋表單 153
本章小結 160
練習與實訓 160
第11章 網頁多媒體設計 162
11.1 HTML5 audio元素和video元素概述 162
11.1.1 視頻容器 162
11.1.2 音頻和視頻編解碼器 162
11.1.3 audio元素和video元素的src
屬性和source屬性 164
11.2 網頁中的音頻檔案 165
11.2.1 audio元素的瀏覽器支持情況 165
11.2.2 添加自動播放音頻檔案（autoplay屬性） 165
11.2.3 添加帶有控制項的音頻檔案
（controls屬性） 166
11.2.4 添加循環播放音頻檔案
（loop屬性） 167
11.2.5 添加預播放的音頻檔案
（preload屬性） 167
11.3 網頁中的視頻檔案 168
11.3.1 video元素的瀏覽器支持情況 168
11.3.2 添加帶有控制項的視頻檔案
（controls屬性） 169
11.3.3 添加自動播放的視頻檔案
（autoplay屬性） 171
11.3.4 添加循環播放的視頻檔案（loop屬性） 172
11.3.5 添加預播放的視頻檔案（preload屬性） 173
11.3.6 設定視頻檔案的寬度和高度
（width與height屬性） 174
11.3.7 設定視頻檔案的error屬性 175
11.3.8 設定視頻檔案的networkState
屬性（唯讀屬性） 176
11.3.9 視頻檔案的readyState屬性 176
11.4 多媒體元素常用方法和事件簡述 176
11.5 綜合實例 —— 使用多媒體元素播放
檔案 177
本章小結 178
練習與實訓 178
第12章 HTML5布局 179
12.1 布局簡介 179
12.1.1 頁面元素與布局核心技巧 179
12.1.2 元素顯示方式 179
12.2 圖文混排與題圖文字布局 180
12.2.1 圖文混排布局 180
12.2.2 題圖文字布局 181
12.3 float多欄布局 182
12.3.1 float浮動 183
12.3.2 清除浮動clear 185
12.3.3 float兩列均分布局 186
12.3.4 float多欄布局 191
12.4 盒布局與彈性盒布局 197
12.4.1 盒布局 197
12.4.2 彈性盒布局 199
12.5 position定位 205
12.5.1 position 205
12.5.2 z-index 207
12.5.3 clip 208
本章小結 209
練習與實訓 209
第13章 使用JavaScript腳本語言實現網頁
動態效果 210
13.1 JavaScript簡介 210
13.1.1 JavaScript的概念和特點 210
13.1.2 JavaScript與Java 211
13.1.3 第一個JavaScript程式 212
13.2 在html文檔中使用腳本代碼 215
13.2.1 內部引用JavaScript 216
13.2.2 外部引用JavaScript 216
13.2.3 內聯引用JavaScript 217
13.3 JavaScript語言基礎 218
13.3.1 JavaScript語法格式 218
13.3.2 JavaScript語句 218
13.3.3 JavaScript注釋 219
13.3.4 數據類型 220
13.3.5 常量 220
13.3.6 變數 221
13.4 表達式與運算符 222
13.4.1 表達式 222
13.4.2 運算符 222
13.5 JavaScript控制結構與函式 224
13.5.1 JavaScript控制結構 224
13.5.2 函式 233
13.6 事件驅動及事件處理 237
13.7 對象編程 239
13.7.1 內置對象 239
13.7.2 文檔對象編程 248
13.8 綜合實例——實現即時驗證效果 254
本章小結 259
練習與實訓 259
第14章 網頁設計與開發綜合範例 260
14.1 網頁內容分析 260
14.2 綜合實例——製作門戶類網頁 261
14.2.1 網頁框架構建及素材的準備 261
14.2.2 建立本地站點 262
14.2.3 使用HTML創建頁面結構 263
14.2.4 使用CSS布局並美化頁面 265
本章小結 271
練習與實訓 271
參考文獻272
