HTML5+CSS3+JavaScript案例實戰

《HTML5+CSS3+JavaScript案例實戰》是2020年清華大學出版社出版的圖書,作者是丁亞飛、薛燚。

基本介紹

  • 書名:HTML5+CSS3+JavaScript案例實戰
  • 作者:丁亞飛
    薛燚
  • 出版社:清華大學出版社 
  • 出版時間:2020年1月 
  • 定價:119 元
  • ISBN:9787302544449 
基本信息,圖書簡介,圖書內容,圖書目錄,

基本信息

作者:丁亞飛 薛燚
定價:119元
ISBN:9787302544449
出版日期:2020.01.01

圖書簡介

《HTML5+CSS3+JavaScript案例實戰》是清華大學出版社於2020年1月1日出版的一本圖書,作者是丁亞飛、薛燚。

圖書內容

無論是網頁的前端還是移動App的前端都離不開HTML+CSS+JavaScript,而學習這3門技術的基本要求就是多動手操作和多練習頁面實例。《HTML5+CSS3+JavaScript案例實戰》通過實例的方式講解前端基礎,旨在幫助讀者從一位網頁開發初學者躍升為真正的前端開發人員。本書分為30章,內容包括網頁前端開發和移動端開發的一些必備知識,涵蓋常用的表單、圖片、按鈕、連結、背景、動畫、布局、3D、移動開發、觸屏開發等技術,涉及HTML、HTML 5、CSS 2、CSS 3、JavaScript等現代前端開發常用的技術。
本書內容簡潔明了、代碼精練、重點突出、實例豐富、語言通俗易懂、原理清晰明白,是廣大網頁開發初學者的必備選擇。本書對想迅速了解跨平台網頁代碼處理技巧的前端開發人員有重要的指導意義。

圖書目錄

第一篇HTML篇
第1章HTML頁面概述 2
1.1移動網頁和普通網頁的基本結構 2
1.2HTML網頁類型(HTML4、HTML5) 3
1.3定義中文網頁 4
1.4網頁的標題 5
1.5移動頁面的meta元素 6
1.6文檔頭部 9
1.7文檔主體 9
1.8指定外部樣式表 10
1.9利用資源的預載入提升用戶體驗 13
1.10載入外部腳本庫 14
1.11延遲腳本執行 15
1.12異步執行腳本 16
第2章頭部meta元素 21
2.1定義頁面關鍵字 21
2.2設定頁面描述 22
2.3設定作者信息 23
2.4限制搜尋方式 24
2.5網頁語言與文字 26
2.6定時跳轉移動頁面 27
2.7設定網頁快取過期時間 28
2.8禁止從快取中調用 29
2.9刪除過期的Cookie 31
第3章標記文字 32
3.1標題<hn></hn> 32
3.2表示關鍵字和產品名稱<b></b> 36
3.3強調<em></em> 37
3.4表示外文詞語或科技術語<i></i> 39
3.5表示重要的文字<strong></strong> 40
3.6表示不正確或校正<s></s> 41
3.7為文字添加下畫線<u></u> 42
3.8添加小號字型內容<small></small> 43
3.9添加上標<sub></sub>和下標<sup></sup> 44
3.10強制換行<br/> 46
3.11指明可以安全換行的建議位置<wbr> 47
3.12表示輸入和輸出<code>、<var>、<samp>和<kbd> 48
3.13突出顯示文本<mark></mark> 53
第4章顯示圖像 55
4.1頁面中圖像的格式 55
4.2頁面中圖像的壓縮形式 56
4.3常用的<img> 57
4.4語義化帶標題的圖片 58
4.5移動端提前載入圖片 60
4.6圖像區域映射 61
4.7移動網頁使用base64:URL格式的圖片 63
第5章超連結 67
5.1超連結的類型 68
5.2相對路徑和絕對路徑 68
5.3生成頁面內超連結 69
5.4圖像連結 71
5.5移動端電子郵件連結 72
第6章組織文字內容 74
6.1段落 74
6.2頁面主題的結構化布局 76
6.3添加主題分隔線 79
6.4輸出有順序關係的內容 80
6.5使用無序列表輸出內容 81
6.6使用自定義列表輸出內容 82
6.7使用列表項 84
6.8使用選單列表 85
6.9使用下拉列表 85
6.10在頁面中輸出對話 87
第7章劃分文檔結構 89
7.1添加基本的標題 90
7.2隱藏子標題hgroup 91
7.3生成節<section> 92
7.4為區域添加頭部和尾部 95
7.5添加導航區域 97
7.6在頁面中輸出文章 99
7.7生成附註欄 100
7.8在頁面輸出聯繫人信息 102
7.9生成詳情區域 103
第8章多媒體檔案 105
8.1使用多媒體打造豐富的視覺效果 105
8.2全面兼容移動端的video 106
8.3嵌入來自其他網頁的視頻 108
8.4在移動端嵌入一個網頁 109
8.5文字的滾動 111
8.6為視頻添加字幕 111
8.7獲取播放時長和當前播放時間 113
8.8播放視頻時截屏 116
8.9帶海報的視頻 117
第9章表格 119
9.1生成基本的表格 119
9.2讓表格沒有凹凸感 123
9.3添加表頭 125
9.4為表格添加結構 126
9.5製作不規則的表格 129
9.6正確地設定表格列 131
9.7設定表格框線 134
9.8其他表格設計 139
第10章表單與檔案 147
10.1製作基本表單 147
10.2禁用單個input元素 150
10.3關閉輸入框的自動提示功能 151
10.4定製input元素 151
10.5生成隱藏的數據項 152
10.6輸入驗證 153
10.7生成按鈕 155
10.8使用表單外的元素 156
10.9顯示進度 156
10.10密鑰對生成器 157
10.11HTML5調用手機拍照或相冊 157
第11章網頁中的框架 159
11.1在頁面中使用iframe 159
11.2設定iframe透明背景色 161
11.3移動瀏覽器下的iframe寬度自適應 161
11.4在Safari瀏覽器中實現iframe滾動條 162
11.5一個完整的回響式iframe 162
第12章HTML5Canvas 164
12.1在頁面中使用Canvas元素 164
12.2使用路徑和坐標 165
12.3繪製弧形和圓形 169
12.4使用純色填充圖形 171
12.5使用漸變色填充圖形 173
12.6在畫布中繪製文本 175
12.7將畫布輸出為PNG圖片檔案 178
12.8在複雜場景使用多層畫布 180
12.9使用requestAnimationFrame製作遊戲或動畫 180
12.10如何顯示滿屏Canvas 182
12.11Canvas圓環進度條 183
第13章HTML5地理定位 186
13.1使用navigator對象 186
13.2獲取當前位置 189
13.3使用騰訊地圖開放平台獲取當前位置 191
第14章HTML5本地存儲 193
14.1在客戶端存儲數據 193
14.2檢查HTML5存儲支持 194
14.3利用localStorage進行本地存儲 194
14.4利用localStorage存儲JSON對象 197
14.5利用localStorage記錄用戶表單輸入 197
14.6在localStorage中存儲圖片 201
14.7在localStorage中存儲檔案 203
14.8使用localForage進行離線存儲 205
14.9利用sessionStorage進行本地存儲 206
第15章HTML5套用快取 210
15.1使用cachemanifest創建頁面快取 210
15.2離線Web網頁或套用 213
15.3刪除本地快取 214
15.4更新快取檔案 215
15.5使用HTML5離線應用程式快取事件 216
第16章HTML5移動開發 221
16.1在手機上打電話或發簡訊 221
16.2設定iPhone書籤欄圖示 223
16.3HTML5相冊 226
第二篇CSS篇

相關詞條

熱門詞條

聯絡我們