HTML5 與 CSS3 基礎教程, 9/e HTML and CSS: Visual QuickStart Guide, 9/e

Joe Casabona

  • HTML5 與 CSS3 基礎教程, 9/e-preview-1
  • HTML5 與 CSS3 基礎教程, 9/e-preview-2
HTML5 與 CSS3 基礎教程, 9/e-preview-1

買這商品的人也買了...

商品描述

本書系統地講解了HTML5和CSS3基礎知識以及實際運用技術,通過大量實例深入淺出地分析網頁製作的方方面面。書中不僅介紹了文本、鏈接、媒體、表格、列表、表單等網頁元素,而且介紹瞭如何為網頁設計佈局,添加動態效果等;另外,還涉及上線、測試、優化和無障礙性等內容。通過學習本書,初級水平的讀者即可創建網站,而中高級水平的開發人員也可以快速瞭解HTML5新元素、CSS3的奇幻效果、響應式Web設計以及各種最佳實踐。

作者簡介

喬 ·卡薩博納(Joe Casabona)
前端工程師、技術圖書作者、教師,碩士畢業於斯克蘭頓大學軟件工程專業,具有20年Web開發經驗。
錄製了大量啟蒙初學者的Web開發視頻,涵蓋HTML、CSS、響應式設計、WordPress,廣受歡迎。曾與迪士尼、《國家地理》等合作Web開發項目。


望以文
有多年Web開發、產品設計與增長黑客經驗,目前致力於推廣UI設計稿智能生成前端源代碼工具CodeFun。譯有《HTML5與CSS3基礎教程(第8版)》《設計體系:數字產品設計的系統化方法》等作品。微博@weakow。

目錄大綱

版權聲明
獻詞
致謝
引言
第 1章 什麼是HTML和CSS 1
1.1 什麼是HTML 1
1.2 什麼是CSS 3
1.3 HTML和CSS是如何一起工作的 4
1.4 小結 6
第 2章 在計算機上創建網站 7
2.1 使用文本編輯器 7
2.2 使用*工具 8
2.3 網站目錄結構與文件擴展名 9
2.4 使用CodePen進行快速測試 11
2.5 小結 11
第3章 HTML語法 12
3.1 HTML標籤是怎樣工作的 12
3.2 添加註釋 14
3.3 創建HTML頁面的結構 15
3.4 標籤 16
3.5 什麼是語義化標記 17
3.6 小結 17
第4章 基本的HTML元素 18
4.1 HTML文本的格式化 18
4.2 段落與標題 18
4.3 列表 19
4.4 引用塊級文本 20
4.5 行內文本的格式化 21
4.6 對代碼進行標記 22
第5章 鏈接 25
5.1 鏈接標記 25
5.2 URL的結構 26
5.3 內部鏈接與外部鏈接 27
5.4 相對鏈接和鏈接 27
5.5 其他鏈接類型 29
5.6 鏈接目標 30
5.7 小結 31
第6章 HTML結構與佈局 32
6.1 網頁佈局 32
6.2 塊級元素與行內元素 35
6.3 頁面區塊 36
6.4 建立博客文章的佈局 38
6.5 小結 41
第7章 媒體 42
7.1 Web上的媒體是如何工作的 42
7.2 圖像 43
7.3 在網頁中添加圖像 45
7.4 響應式圖像:考慮不同的設備和網絡環境 47
7.5 元素 49
7.6 使用SVG 49
7.7 其他媒體 52
7.8 嵌入視頻 53
7.9 嵌入音頻 54
7.10 存放多媒體文件 55
7.11 小結 57
第8章 表格與其他結構化數據元素 58
8.1 表格 58
8.2 描述列表 62
8.3 為什麼結構化數據很重要 64
8.4 小結 66
第9章 Web表單 67
9.1 用戶與網頁的交互 67
9.2 Web表單的工作方式 68
9.3 HTML表單的組成部分 69
9.4 元素 69
9.5 表單字段 70
9.6 為字段添加標籤 73
9.7 創建基礎表單 74
9.8 創建選擇框 74
9.9 創建單選按鈕 76
9.10 創建複選框 76
9.11 創建電子郵件表單 77
9.12 特殊字段類型 78
9.13 元素 80
9.14 對錶單進行校驗 80
9.15 小結 82
第 10章 *實驗性功能 83
10.1 事關瀏覽器的支持情況 83
10.2 *元素 86
10.3 實驗性功能 88
10.4 小結 89
第 11章 CSS簡介 90
11.1 什麼是樣式 90
11.2 層疊的含義 91
11.3 CSS語法 91
11.4 在網頁上使用CSS 93
11.5 外部樣式表 95
11.6 在CSS代碼中添加註釋 95
11.7 小結 96
第 12章 定位元素 97
12.1 通過標籤定位元素 97
12.2 按類定位元素 99
12.3 層疊、繼承和父子關係 101
12.4 通過元素之間的關係選擇元素 102
12.5 層疊的特殊性和優先級 104
12.6 用特定的屬性定位元素 105
12.7 *定位方法 106
12.8 小結 108
第 13章 為文本設置樣式 109
13.1 選擇字體 109
13.2 Google字體 112
13.3 使用@font-face引入外部字體 114
13.4 設置文本大小 117
13.5 設置文字格式 118
13.6 提高可讀性 121
13.7 小結 123
第 14 章 CSS中的顏色 124
14.1 計算機顯示器的工作原理 124
14.2 在CSS中表示顏色 125
14.3 漸變色 129
14.4 border屬性 132
14.5 小結 133
第 15章 使用 CSS 進行頁面佈局 134
15.1 盒模型 134
15.2 內邊距與外邊距 138
15.3 元素流 141
15.4 創建層和疊放元素 146
15.5 使用z-index創建彈窗 147
15.6 關於網頁佈局的一些說明 148
15.7 小結 148
第 16章 CSS網格和Flexbox佈局 149
16.1 一個重要問題的現代解決方案 149
16.2 使用Flexbox 153
16.3 使用CSS網格佈局 160
16.4 瀏覽器支持情況 164
16.5 小結 165
第 17章 響應式設計與媒體查詢 166
17.1 定義媒體查詢 166
17.2 響應式佈局 168
17.3 創建響應式全寬佈局 170
17.4 不只是屏幕寬度 174
17.5 小結 177
第 18章 CSS 變形與動畫 178
18.1 CSS過渡 178
18.2 CSS變形 180
18.3 CSS動畫 183
18.4 小結 187
第 19章 CSS變量 188
19.1 什麼是變量 188
19.2 用變量簡化樣式 191
19.3 對變量進行計算 192
19.4 小結 194
第 20章 CSS預處理器 195
20.1 CSS預處理器是如何工作的 195
20.2 Sass入門 196
20.3 編寫Sass 199
20.4 小結 205
第 21章 網站上線 206
21.1 選擇託管商和域名 206
21.2 上線前檢查 210
21.3 將網站上線 211
21.4 測試網站 213
21.5 小結 214
第 22 章 測試網站 215
22.1 為什麼要測試網站 215
22.2 驗證標記 216
22.3 瀏覽器測試 217
22.4 設備測試 219
22.5 使用Chrome*發者工具進行故障排查 221
22.6 小結 224
第 23章 提升網站性能 225
23.1 性能的含義 225
23.2 了解網站的性能 226
23.3 性能測試工具 226
23.4 壓縮 HTML和CSS文件 229
23.5 優化圖像 231
23.6 優先加載關鍵CSS 234
23.7 小結 237
第 24 章 Web無障礙性 238
24.1 涵蓋盡可能多的人 238
24.2 截到目前的效果 240
24.3 額外的標籤和屬性 241
24.4 無障礙性測試和驗證 242
24.5 確定WCAG等級 245
24.6 小結 246
第 25章 HTML和CSS之外 247
25.1 JavaScript 247
25.2 常見的JavaScript庫 248
25.3 版本控制 250
25.4 構建工具 253
25.5 小結 255
總結 256