基於HTML5的網頁設計及應用(第2版)

基於HTML5的網頁設計及應用(第2版)

作者: 範伊紅 黃彩霞 李連民
出版社: 電子工業
出版在: 2022-01-01
ISBN-13: 9787121426346
ISBN-10: 712142634X
總頁數: 360 頁





內容描述


本書系統講解HTML5程序設計需要掌握的HTML5、CSS3和JavaScript的基本知識,並按照循序漸進的科學原則組織內容,知識體系完整、結構清晰、敘述簡潔、例題典型豐富、可操作性強。通過學習本書,讀者能夠掌握使用HTML5進行客戶端頁面設計和客戶端程序開發的基本技術。全書分為4部分。第1部分詳細介紹HTML5網頁設計基礎知識,包括網頁設計概述、HTML5語言、HTML5表單;第2部分詳細介紹CSS3相關知識,包括CSS基礎,CSS盒子模型,CSS高級選擇器,DIV+CSS佈局,CSS過渡、轉換與動畫;第3部分詳細介紹JavaScript程序設計,包括JavaScript基礎、JavaScript對象、JavaScript事件處理和AJAX基礎;第4部分詳細介紹HTML5應用,包括HTML5 Canvas繪制圖形、HTML5音頻和視頻技術。本書內容豐富,註重實際編程與開發能力的培養。本書包含配套源代碼、習題參考答案、電子課件、教學大綱、實驗指導等。本書可作為高等學校電腦科學與技術、電腦應用、網絡工程、軟件工程等專業的“網頁設計與製作”“JavaScript程序設計”“HTML5程序設計”課程的教材,也可作為相關培訓學校的培訓教材,還可作為網頁設計人員的參考書。


目錄大綱


章網頁設計概述1 
1.1 網頁的前生與今世1 
1.1.1 互聯網和網頁的誕生1 
1.1.2 網頁的發展2 
1.1.3 網站和網頁3 
1.2 網頁相關術語4 
1.3 網頁設計基礎知識5 
1.3.1 網頁的尺寸5 
1.3.2 網頁的顏色6 
1.3.3 網頁的佈局7 
1.4 網站設計流程9 
小結10 
習題10 
2章HTML5語言11 
2.1 HTML5概述11 
2.1.1 HTML5的發展歷程11 
2.1.2 HTML5的新特性12 
2.2 HTML5基礎13 
2.2.1 創建
個HTML5頁面13 
2.2.2 HTML5標記及屬性15 
2.2.3 HTML5語法16 
2.2.4 HTML5文檔結構17 
2.3 HTML5常用標記22 
2.3.1 文本控制標記22 
2.3.2 圖像標記27 
2.3.3 鏈接標記30 
2.3.4 列表標記34 
2.3.5 結構標記36 
2.3.6 表格標記39 
2.3.7 浮動框架標記44 
2.3.8 多媒體標記45 
2.3.9 分組標記47 
2.3.10 交互標記48 
2.4 全局屬性51 
小結52 
習題52 
3章HTML5表單54 
3.1 表單設計基礎54 
3.2 表單標記55 
3.2.1 <form>標記55 
3.2.2 輸入標記<input> 56 
3.2.3 下拉列錶框標記<select> 63 
3.2.4 多行文本輸入框標記<tetarea> 64 
3.2.5 表單分組標記<fieldset>與分組標題標記<legend> 64 
3.2.6 按鈕標記<button> 65 
3.2.7 綁定標記<label> 65 
3.2.8 輸出標記<output> 66 
3.2.9 生成密鑰對標記<keygen> 66 
3.3 綜合示例67 
小結68 
習題69 
4章CSS基礎70 
4.1 CSS概述70 
4.1.1 CSS的發展歷史70 
4.1.2 CSS3的特點70 
4.2 CSS的基本語法71 
4.2.1 CSS的樣式規則71 
4.2.2 CSS的引用方法71 
4.2.3 CSS基本選擇器74 
4.2.4 CSS樣式書寫和命名規範78 
4.3 利用CSS設置文字樣式與圖像樣式79 
4.3.1 設置文字樣式79 
4.3.2 設置圖像樣式90 
4.4 CSS的繼承特性93 
4.5 CSS的層疊特性95 
4.6 瀏覽器的兼容性97 
小結99 
習題99 
5章CSS盒子模型101 
5.1 盒子模型的概念101 
5.2 盒子模型的相關屬性101 
5.2.1 border屬性102 
5.2.2 內容屬性107 
5.2.3 padding屬性109 
5.2.4 margin屬性110 
5.2.5 bo-sizing屬性112 
5.2.6 bo-shadow屬性113 
5.2.7 背景屬性113 
5.2.8 漸變屬性119 
5.2.9 設置顏色的不透明度122 
5.3 盒子模型之間的關係123 
5.3.1 標准文檔流123 
5.3.2 div元素和span元素124 
5.3.3 元素類型的轉換127 
5.3.4 盒子模型在標準流中的定位128 
5.3.5 盒子模型的浮動與定位130 
5.3.6 z-inde空間位置137 
5.4 利用CSS設置列表、表格和表單樣式139 
5.4.1 設置列表樣式139 
5.4.2 設置表格樣式143 
5.4.3 設置表單樣式147 
5.4.4 鼠標指針特效149 
小結149 
習題149 
6章CSS高級選擇器151 
6.1 屬性選擇器151 
6.2 關係選擇器152 
6.2.1 子元素選擇器152 
6.2.2 兄弟選擇器153 
6.3 偽類與偽元素選擇器154 
6.3.1 偽類選擇器154 
6.3.2 偽元素選擇器162 
小結166 
習題166 
7章DIV+CSS佈局168 
7.1 常見網頁佈局168 
7.1.1 寬度固定且居中版式168 
7.1.2 “工”字形版式172 
7.2 響應式佈局176 
7.2.1 什麼是響應式佈局176 
7.2.2 媒體查詢178 
7.2.3 視口179 
7.2.4 響應式佈局簡單案例180 
小結182 
習題183 
8章CSS3過渡、轉換與動畫184 
8.1 CSS3過渡184 
8.1.1 transition屬性需包含的內容184 
8.1.2 實現過渡效果需滿足的條件184 
8.1.3 transition屬性的分解185 
8.1.4 過渡應用案例――商品列表效果186 
8.2 CSS3 2D轉換188 
8.2.1 transform屬性188 
8.2.2 transform-origin屬性190 
8.2.3 2D轉換應用案例――任意元素在窗口中居中191 
8.3 CSS3 3D轉換192 
8.3.1 CSS3中的3D坐標系192 
8.3.2 透視原理193 
8.3.3 3D轉換方法194 
8.3.4 3D轉換應用案例――立方體效果194 
8.4 CSS3動畫196 
8.4.1 動畫序列196 
8.4.2 animation屬性197 
8.4.3 animation屬性的分解198 
8.4.4 動畫應用案例――旋轉的立方體198 
小結200 
習題200 
9章JavaScript基礎202 
9.1 JavaScript概述202 
9.1.1 JavaScript簡介202 
9.1.2 JavaScript嵌入網頁的方式203 
9.1.3 JavaScript的特點207 
9.1.4 JavaScript代碼的編寫習慣207 
9.2 JavaScript語法基礎208 
9.2.1 數據類型、常量、變量208 
9.2.2 數據類型的轉換212 
9.2.3 運算符和表達式213 
9.2.4 JavaScript程序流程控制218 
9.2.5 JavaScript函數225 
小結234 
習題234 
0章JavaScript對象236 
10.1 對象的基本概念236 
10.1.1 對象和類236 
10.1.2 使用對象237 
10.1.3 對象廢除238 
10.2 內置對象238 
10.2.1 Math對象238 
10.2.2 Number對象240 
10.2.3 Boolean對象241 
10.2.4 String對象241 
10.2.5 Array對象243 
10.2.6 Date對象248 
10.2.7 Object對象249 
10.2.8 Function對象251 
10.2.9 RegEp對象254 
10.2.10 JavaScript JSON 256 
10.2.11 Error對象257 
10.3 BOM對象258 
10.3.1 window對象258 
10.3.2 location對象262 
10.3.3 navigator對象263 
10.3.4 history對象263 
10.3.5 screen對象264 
10.3.6 document對象265 
10.4 DOM對象270 
10.4.1 DOM節點樹270 
10.4.2 節點屬性和節點方法271 
10.4.3 獲取節點273 
10.4.4 作節點278 
小結281 
習題281 
1章JavaScript事件處理284 
11.1 事件模型284 
11.1.1 原始事件模型284 
11.1.2 DOM事件模型286 
11.2 event對象289 
11.3 HTML5事件290 
11.3.1 window事件290 
11.3.2 表單事件291 
11.3.3 鍵盤事件292 
11.3.4 鼠標事件295 
11.3.5 媒介事件298 
小結299 
習題299 
2章AJAX基礎301 
12.1 AJAX簡介301 
12.1.1 AJAX工作原理301 
12.1.2 AJAX的應用場景302 
12.2 XMLHttpRequest對象302 
12.2.1 XMLHttpRequest對象概述302 
12.2.2 AJAX示例305 
12.3 XMLHttpRequest Level 2 對象309 
12.3.1 XMLHttpRequest Level 2對象概述309 
12.3.2 發送和接收文本數據311 
12.3.3 文件上傳和接收二進制數據312 
12.3.4 跨域資源共享315 
小結317 
3章HTML5 Canvas繪製圖形318 
13.1 HTML5 Canvas概述318 
13.1.1 Canvas的發展歷程318 
13.1.2 HTML5 Canvas標記318 
13.2 HTML5 Canvas API 319 
13.2.1 檢測瀏覽器支持情況319 
13.2.2 繪製簡單圖形320 
13.2.3 繪製路徑321 
13.2.4 繪圖樣式322 
13.2.5 繪製矩形324 
13.2.6 繪製曲線325 
13.2.7 繪製圖像327 
13.2.8 圖形漸變328 
13.2.9 圖形變形330 
13.2.10 繪製文本333 
13.2.11 繪製影334 
13.2.12 基本動畫335 
13.3 HTML5 Canvas應用337 
小結339 
*4章HTML5音頻和視頻技術340 
14.1 HTML5音頻340 
14.1.1 音頻格式340 
14.1.2 <audio>標記340 
14.1.3 使用JavaScript控audio 對象341 
14.1.4 HTML5 audio對象示例344 
14.2 HTML5視頻347 
14.2.1 視頻格式347 
14.2.2 <video>標記348 
小結350
........




相關書籍

Spring 響應式微服務:SpringBoot2 + Spring5 + SpringCloud 實戰

作者 鄭天民

2022-01-01

Dynamic Web Programming and HTML5 (Paperback)

作者 Paul S. Wang

2022-01-01

Java RWD Web 企業網站開發指南|使用 Spring MVC 與 Bootstrap

作者 曾瑞君

2022-01-01