HTML5+CSS3 Web前端開發技術 第3版 微課版 版權信息
- ISBN:9787115649591
- 條形碼:9787115649591 ; 978-7-115-64959-1
- 裝幀:平裝-膠訂
- 冊數:暫無
- 重量:暫無
- 所屬分類:>
HTML5+CSS3 Web前端開發技術 第3版 微課版 本書特色
本書系“十四五”職業教育國家規劃教材!
(1)知識全面、系統。本書內容覆蓋 HTML5、CSS3、JavaScript 的主要知識點,滿足讀者學習 Web 前端開發基礎知識的需求。通過學習本書,讀者可以快速了解基本的 Web 前端開發框架,為深入學習 Web 前端開發做好知識儲備。
(2)示例豐富、實用。本書通過示例呈現知識點,并會對一些典型示例進行拓展講解。綜合項目示例采用漸進式的迭代開發方法,方便讀者學習。
(3)資源豐富、齊全。本書提供全部示例的源代碼和素材資源,方便讀者開展實踐訓練;本書的示例全都通過上機實踐,運行結果無誤。與此同時,本書提供 PPT 課件、教學大綱、教案、習題答案等資源,用書教師可以到人郵教育社區(www.ryjiaoyu.com)進行下載。此外,編者還為本書重點內容和典型示例錄制了微課視頻,助力讀者隨時隨地高效自學。
HTML5+CSS3 Web前端開發技術 第3版 微課版 內容簡介
本書共9章,分為四篇。**篇是Web前端開發基礎與HTML5技術,介紹HTML和HTML5的常用標記和屬性等內容。第二篇是CSS3技術及其應用,介紹盒模型、DIV+CSS布局、彈性布局、響應式布局等內容。第三篇是JavaScript技術及其應用,介紹JavaScript的概念、對象和事件處理等內容。第四篇是綜合項目實戰,介紹兩個綜合項目示例的設計與實現過程,以強化讀者對Web前端開發知識的應用能力。本書知識全面、示例豐富、易學易用,通過示例講解知識點,便于讀者牢固掌握和及時內化相關知識。
本書既可作為高校Web前端開發相關課程的教材,也可供信息技術類專業的讀者自學使用,還可作為Web前端開發領域技術人員的參考書。
HTML5+CSS3 Web前端開發技術 第3版 微課版 目錄
【章名目錄】第 一篇 Web前端開發基礎與HTML5技術第 1章 Web前端開發基礎知識第 2章 靜態網頁制作——使用HTML技術第二篇 CSS3技術及其應用第3章 選擇網頁元素——使用CSS選擇器第4章 美化網頁——使用CSS設置元素樣式【章名目錄】第 一篇 Web前端開發基礎與HTML5技術第 1章 Web前端開發基礎知識第 2章 靜態網頁制作——使用HTML技術第二篇 CSS3技術及其應用第3章 選擇網頁元素——使用CSS選擇器第4章 美化網頁——使用CSS設置元素樣式第5章 規劃頁面——使用CSS實現精美布局第三篇 JavaScript技術及其應用第6章 讓網頁動起來 ——使用JavaScript技術第7章 實現用戶與網頁的交互 ——JavaScript的對象與事件第四篇 綜合項目實戰第8章 綜合項目示例1——在線旅游網站主頁的設計第9章 綜合項目示例2——產品展示網站主頁的設計【詳細目錄】第 一篇 Web前端開發基礎與HTML5技術第 1章 Web前端開發基礎知識1.1 訪問Web站點 21.1.1 訪問網站涉及的基本概念 21.1.2 訪問網站的過程 41.2 Web前端開發的基本概念 51.3 Web標準與Web前端開發常用技術 71.3.1 Web標準 71.3.2 Web前端開發常用技術 81.4 Web前端開發工具 91.4.1 VS Code 91.4.2 WebStorm 101.5 網站建設的流程 111.5.1 確定網站的主題 111.5.2 規劃網站的結構 121.5.3 搜集素材 131.5.4 設計網頁 141.5.5 網站的測試與發布 151.5.6 網站的維護與推廣 161.6 應用示例 16本章小結 18習題1 18第 2章 靜態網頁制作——使用HTML技術2.1 HTML概述 192.1.1 HTML 192.1.2 HTML5 202.1.3 HTML文檔 202.1.4 建立HTML文檔 222.2 文本元素 242.2.1 標題標記 242.2.2 段落標記
和換行標記 242.2.3 塊標記
和 252.3 列表元素 262.3.1 有序列表標記262.3.2 無序列表標記272.3.3 自定義列表標記282.4 HTML5的文檔結構元素 282.5 超鏈接元素 332.5.1 超鏈接標記332.5.2 超鏈接類型 332.5.3 超鏈接路徑 342.6 多媒體元素 362.6.1 圖像標記 362.6.2 多媒體文件標記 382.6.3 HTML5視頻標記 40
2.6.4 HTML5音頻標記 41
2.7 表格 42
2.7.1 HTML的表格標記 42
2.7.2 HTML的表格屬性 43
2.7.3 嵌套表格 45
2.8 表單 46
2.8.1 表單定義標記 46
2.8.2 輸入標記 47
2.8.3 列表框標記 50
2.8.4 文本域標記 50
2.8.5 HTML5增加的表單屬性 51
2.8.6 HTML5增加的input類型 53
2.9 內嵌框架 56
2.10 應用示例 58
2.10.1 完成會員注冊表單 58
2.10.2 制作“學習經典,傳承文化”網頁 61
本章小結 63
習題2 63第二篇 CSS3技術及其應用
第3章 選擇網頁元素——使用CSS選擇器
3.1 CSS概述 66
3.1.1 引入CSS 66
3.1.2 CSS的發展 68
3.2 CSS基本選擇器 69
3.2.1 選擇器概述 69
3.2.2 標記選擇器 70
3.2.3 類選擇器 70
3.2.4 ID選擇器 72
3.3 在HTML文件中使用CSS樣式的方式 74
3.3.1 行內樣式 74
3.3.2 嵌入樣式 74
3.3.3 鏈接樣式 75
3.3.4 導入樣式 76
3.3.5 CSS樣式的優先級 77
3.4 CSS復合選擇器 79
3.4.1 交集選擇器 80
3.4.2 并集選擇器 81
3.4.3 后代選擇器 82
3.4.4 子選擇器 83
3.4.5 相鄰選擇器 84
3.5 屬性選擇器 84
3.5.1 屬性選擇器的定義 84
3.5.2 常用的屬性選擇器 85
3.6 偽類選擇器 86
3.6.1 結構偽類選擇器 86
3.6.2 UI偽類選擇器 89
3.7 偽元素選擇器 91
3.7.1 選擇器:before和:after 91
3.7.2 選擇器:first-letter和:first-line 92
3.8 應用示例 93
3.8.1 設計“四書”網頁的結構 93
3.8.2 設計“四書”網頁的樣式 96
本章小結 97
習題3 98第4章 美化網頁——使用CSS設置元素樣式
4.1 設置文本樣式 99
4.1.1 字體屬性 99
4.1.2 文本屬性 102
4.2 設置文本顏色與背景樣式 107
4.2.1 設置文本顏色 107
4.2.2 設置背景樣式 108
4.2.3 圓角邊框和圖像邊框 110
4.3 設置圖像樣式 113
4.3.1 為圖像添加邊框 113
4.3.2 設置圖像大小 115
4.3.3 實現圖文混排 117
4.4 應用示例 118
4.4.1 用CSS樣式美化表單 118
4.4.2 設置圖標項目符號 120
本章小結 122
習題4 122第5章 規劃頁面——使用CSS實現精美布局
5.1 CSS盒模型 124
5.1.1 盒模型的組成 124
5.1.2 盒子的類型 129
5.1.3 CSS3增加的與盒子相關的屬性 131
5.2 CSS布局常用屬性 135
5.2.1 定位屬性 135
5.2.2 浮動屬性 138
5.3 典型的網頁布局 140
5.3.1 單列布局 140
5.3.2 使用float屬性實現的兩列布局 142
5.3.3 使用flex屬性實現的兩列布局 143
5.3.4 三列布局 147
5.4 響應式布局 150
5.4.1 響應式布局的含義 150
5.4.2 媒體查詢 150
5.4.3 響應式布局的實現 153
5.5 應用示例 156
5.5.1 圖文混排的實現 156
5.5.2 導航條的制作 158
本章小結 161
習題5 162第三篇 JavaScript技術及其應用
第6章 讓網頁動起來 ——使用JavaScript技術
6.1 JavaScript概述 164
6.1.1 JavaScript的版本 164
6.1.2 JavaScript的特點 165
6.1.3 編寫JavaScript程序 165
6.2 JavaScript基礎知識 167
6.2.1 JavaScript程序書寫位置 167
6.2.2 JavaScript的語句 168
6.2.3 JavaScript的注釋 169
6.2.4 數據類型 169
6.2.5 變量 170
6.2.6 常量 172
6.3 表達式與運算符 172
6.3.1 表達式 172
6.3.2 運算符 173
6.4 程序的流程控制 178
6.4.1 程序的控制結構 178
6.4.2 分支結構 178
6.4.3 循環結構 182
6.5 函數 185
6.5.1 函數的定義和調用 185
6.5.2 箭頭函數 187
6.6 應用示例 189
本章小結 191
習題6 191第7章 實現用戶與網頁的交互 ——JavaScript的對象與事件
7.1 對象 192
7.1.1 對象概述 192
7.1.2 對象的引用 192
7.1.3 對象的操作 193
7.1.4 對象的類型 195
7.2 內置對象 195
7.2.1 String對象 195
7.2.2 Array對象 198
7.2.3 Date對象 202
7.2.4 Math對象 204
7.3 瀏覽器對象 206
7.3.1 BOM概述 206
7.3.2 Window對象 207
7.3.3 Navigator對象 209
7.3.4 Screen對象 210
7.3.5 Location對象 212
7.3.6 History對象 213
7.3.7 Document對象 214
7.4 DOM對象 216
7.4.1 DOM概述 216
7.4.2 DOM對象的屬性和方法 218
7.4.3 訪問DOM對象 219
7.5 事件處理和事件對象 227
7.5.1 事件處理的相關概念 227
7.5.2 事件綁定 227
7.5.3 事件對象 229
7.6 常見事件 230
7.6.1 鼠標事件 230
7.6.2 鍵盤事件 233
7.6.3 表單事件 234
7.7 應用示例 237
7.7.1 表單驗證的實現 237
7.7.2 網絡相冊的實現 241
本章小結 244
習題7 244第四篇 綜合項目實戰
第8章 綜合項目示例1——在線旅游網站主頁的設計
8.1 網頁布局與樣式定義 246
8.1.1 用HTML5結構元素布局網頁 246
8.1.2 用CSS3定義網站全局樣式 248
8.2 頁頭部分的設計 250
8.2.1 頁頭部分的HTML代碼 250
8.2.2 頁頭部分的CSS代碼 251
8.3 側邊導航和焦點圖部分的設計 252
8.3.1 側邊導航和焦點圖的內容 252
8.3.2 側邊導航和焦點圖部分的HTML代碼 253
8.3.3 側邊導航和焦點圖部分的CSS代碼 255
8.4 精品推薦部分的設計 258
8.4.1 精品推薦部分的HTML代碼 259
8.4.2 精品推薦部分的CSS代碼 259
8.5 頁腳部分的設計 261
8.5.1 頁腳部分的HTML代碼 261
8.5.2 頁腳部分的CSS代碼 262
本章小結 263
習題8 264第9章 綜合項目示例2——產品展示網站主頁的設計
9.1 網頁結構和全局樣式 265
9.1.1 網頁結構分析 265
9.1.2 網頁布局代碼 266
9.1.3 定義全局樣式和通用類 267
9.2 頁頭部分的設計 268
9.2.1 頁頭部分的HTML代碼 269
9.2.2 頁頭部分的CSS代碼 270
9.3 輪播圖的設計 272
9.4 熱點機型和特色產品部分的設計 274
9.4.1 熱點機型部分 274
9.4.2 特色產品部分 277
9.5 附加信息及頁腳部分的設計 280
本章小結 282
習題9 282
展開全部
HTML5+CSS3 Web前端開發技術 第3版 微課版 作者簡介
劉德山: 遼寧師范大學教授,現任遼寧省計算機基礎教育學會副理事長/秘書長,全國計算機基礎教育研究會理事,全國計算機仿真學會理事。主講Web前端開發技術、Python程序設計、Java程序設計等課程。主編《HTML5 CSS3 Web前端開發技術(第2版)》、《C STL基礎(第2版)》、《Java程序設計》、《Java程序設計實驗指導》、《Java設計模式深入研究》等教材,其中《C STL基礎》2014年獲第2批普通高等教育十二五國家級規劃教材。