21天學通 HTML + CSS + JavaScript Web開發 (第7版)(Sams Teach Yourself: HTML, CSS & JavaScript Web Publishing, Second Edition) 21天学通HTML+CSS+JavaScript Web开发 第7版

[美]勞拉 萊梅、雷夫 科爾本、珍妮弗 凱瑞恩

相關主題

商品描述

<內容簡介>

《21天學通HTML+CSS+JavaScript Web開發(第7版)》是全球暢銷書《21天學通使用HTML與CSS發布Web站點》的全新升級版本,作者在本書囊括了新的HTML5與CSS3技術,並採用易於理解的步驟式教程講解了這些技術的實用技巧和註意事項。通過本書的學習,讀者可以開發出交互性的動態Web站點。
《21天學通HTML+CSS+JavaScript Web開發(第7版)》總共分為6部分,第1部分是基礎知識,講解了Web發布的基本概念以及相關工具、HTML與CSS的簡介;第2部分是創建網頁相關的內容,包括HTML的基本知識、使用列表組織信息、使用鏈接;第3部分是HTML和CSS的高級用法,包括使用HTML和CSS設置文本的格式、使用CSS設置網站的樣式、在網頁中使用圖像、創建表格、使用CSS定位元素、設計表單、使用HTML5定義頁面的結構、集成音視頻等多媒體、使用CSS設置頁面佈局,以及響應式Web設計等;第4部分則介紹了JavaScript和jQuery的知識,內容包括JavaScript簡介、在頁面中使用JavaScript和jQuery、使用框架和鏈接窗口;第5部分則講解了移動Web設計與用戶體驗設計;第6部分介紹了將網站發佈到Web上的內容,具體包括如何發佈網站、使用服務器、使用搜索引擎和SEO技術提升網站的曝光率。
《21天學通HTML+CSS+JavaScript Web開發(第7版)》內容基礎紮實,示例豐富實用,適合初中級水平的網站設計、開發人員閱讀。


<目錄>

第1部分起步
第1章何為Web發布1
1.1像Web發布者一樣思考1
1.1.1 Web是一個超文本信息系統1
1.1.2 Web是跨平臺的2
1.1.3 Web是分佈式的2
1.1.4 Web是動態的3
1.1.5 Web是交互式的4
1.2 Web瀏覽器5
1.2.1 Web瀏覽器的作用5
1.2.2概述一些流行的Web瀏覽器6
1.3 Web服務器8
1.4統一資源定位符8
1.5廣義的Web發布9
1.6小結9
1.7作業9
1.7.1問與答9
1.7.2小測驗10
1.7.3小測驗答案10
1.7.4練習10
第2章準備好工具11
2.1網站剖析11
2.2為發佈到Web準備好計算機13
2.2.1文本編輯器13
2.2.2 Web瀏覽器14
2.3使用Google Chrome開發者工具14
2.4您要在Web上做什麼17
2.5繪製網站線框圖18
2.5.1線框圖是什麼,為何需要繪製線框圖18
2.5.2線框圖繪製小貼士19
2.6 Web託管19
2.6.1使用內容管理應用程序20
2.6.2設置Web託管20
2.7小結21
2.8作業21
2.8.1問與答21
2.8.2小測驗22
2.8.3小測驗答案22
2.8.4練習22
第3章HTML和CSS簡介23
3.1 HTML是什麼23
3.1.1 HTML定義了網頁的結構23
3.1.2 HTML並未定義網頁的佈局24
3.1.3 HTML為何以這樣的方式工作25
3.1.4標記的工作原理25
3.2 HTML文件什麼樣25
3.3 HTML屬性28
3.4使用屬性style 29
3.5 HTML標準簡史30
3.6不斷發展的最新標準HTML5 31
3.7小結31
3.8作業31
3.8.1問與答31
3.8.2小測驗32
3.8.3小測驗答案32
3.8.4練習32

第2部分創建網頁

第4章HTML基礎知識33
4.1定義頁面的總體結構33
4.1.1標籤33
4.1.2標籤  34
4.1.3標籤34
4.2名稱35
4.3標題36
4.4段落37
4.5註釋38
4.6小結39
4.7作業40
4.7.1問與答40
4.7.2小測驗40
4.7 .3小測驗答案41
4.7.4練習41
第5章使用列表組織信息42
5.1列表概述42
5.2帶編號的列表43
5.3無序列表46
5.4定義列表48
5.5嵌套列表49
5.6列表的其他用途51
5.7小結51
5.8作業52
5.8.1問與答52
5.8.2小測驗53
5.8.3小測驗答案53
5.8.4練習53
第6章使用鏈接54
6.1創建鏈接54
6.2使用相對和絕對路徑名鏈接到本地頁面58
6.2.1絕對路徑名58
6.2.2該使用相對路徑名還是絕對路徑名59
6.3鏈接到Web上的其他文檔59
6.4鏈接到文檔的特定位置63
6.4.1創建鏈接和錨64
6.4.2標籤的name屬性64
6.4.3鏈接到當前文檔的其他元素67
6.5剖析URL 67
6.5.1 URL的組成部分68
6.5.2 URL中的特殊字符69
6.5.3屬性rel 69
6.6 URL分類70
6.6.1 HTTP URL 70
6.6.2匿名FTP URL 70
6.6.3非匿名FTP URL 71
6.6.4 mailto URL 71
6.6.5文件URL 72
6.7小結72
6.8作業73
6.8.1問與答73
6.8.2小測驗74
6.8 .3小測驗答案74
6.8.4練習74

第3部分HTML和CSS的高級用法

第7章使用HTML和CSS設置文本的格式75
7.1字符級元素75
7.1.1 HTML語義標籤75
7.1.2 HTML5物理樣式標籤的變化77
7.2使用CSS設置字符的格式77
7.2.1 text-decoration屬性78
7.2.2字體屬性78
7.3預定格式的文本79
7.4水平分隔線(主題分隔) 81
7.5換行83
7.6地址84
7.7引文84
7.8特殊字符86
7.8.1字符編碼87
7.8.2表示特殊字符的字符實體88
7.8.3表示保留字符的字符實體88
7.9字體和字號89
7.10小結97
7.11作業98
7.11.1問與答98
7.11. 2小測驗99
7.11.3小測驗答案99
7.11.4練習99
第8章使用CSS設置網站的樣式100
8.1在頁面中包含樣式表100
8.1.1創建頁面級樣式100
8.1.2創建網站級樣式表101
8.2選擇器102
8.2.1上下文選擇器102
8.2.2類和ID 103
8.2.3級聯的含義104
8.3度量單位105
8.4使用開發者工具編輯樣式108
8.5使用顏色109
8.6鏈接109
8.7盒子模型110
8.7.1邊框111
8.7.2外邊距和內邊距112
8.7.3控制大小和元素顯示116
8.7.4浮動118
8.8其他選擇器121
8.8.1偽類122
8.8.2屬性選擇器124
8.9標籤124
8.10小結125
8.11作業125
8.11.1問與答125
8.11.2小測驗126
8.11.3小測驗答案126
8.11.4練習126
第9章在網頁中使用圖像127
9.1 Web上的圖像127
9.2圖像格式128
9.2.1 GIF 128
9.2.2 JPEG 128
9.2.3 PNG 128
9.2.4 SVG 129
9.3 HTML內嵌圖像:標籤 129
9.4圖像和文本132
9.4.1文本和圖像對齊134
9.4.2沿圖像繞排文本135
9.4.3調整圖像周圍空白區域的大小138
9.5圖像和鏈接139
9.6其他圖像使用技巧142
9.7將圖像用作背景143
9.8將圖像用作項目符號145
9.9圖像映射是什麼146
9.9.1選擇圖像147
9.9 .2確定坐標147
9.9.3標籤和 149
9.9.4 屬性usemap 150
9.10 圖像使用規範 153
9.11 小結 154
9.12 作業 154
9.12.1 問與答 154
9.12.2 小測驗 155
9.12.3 小測驗答案 155
9.12.4 練習 155
第10章 創建表格 156
10.1 創建表格 156
10.2 表格的組成部分 156
10.2.1 

元素157
10.2.2表格摘要158
10.2.3行和單元格158
10.2.4空單元格159
10.2.5表題160
10.3設置表格、邊框和單元格的尺寸163
10.3.1設置表格的寬度163
10.3. 2修改表格的邊框164
10.3.3單元格內邊距166
10.3.4單元格間距167
10.3.5列寬168
10.4表格和單元格的顏色169
10.5對齊表格內容171
10.5.1表格對齊方式171
10.5. 2表格和表題的對齊方式172
10.6橫跨多行或多列174
10.7更高級的表格改進方式180
10.7.1將列編組並設置其樣式180
10.7.2將行編組並設置其樣式183
10.8表格的用途185
10.9小結185
10.10作業186
10.10.1問與答186
10.10.2小測驗187
10.10.3小測驗答案187
10.10.4練習187
第11章使用CSS定位元素188
11.1定位方案188
11.2絕對定位192
11.2.1定位屬性192
11.2.2定位屬性及高度和寬度192
11.2.3嵌套絕對定位的元素194
11.2.4動態覆蓋層195
11.3固定定位198
11.4控制堆疊199
11.5創建下拉式菜單201
11.6小結204
11.7作業205
11.7.1問與答205
11.7.2小測驗205
11.7.3小測驗答案205
11.7.4練習205
第12章設計表單206
12.1理解表單206
12.2使用標籤
 210
12.3使用標籤
 212
12.4使用標籤
創建表單控件213
12.4.1創建文本控件214
12.4.2使用datalist給文本字段添加可供選擇的值215
12.4.3使用HTML5新增的控件216
12.4.4創建密碼控件219
12.4.5創建提交按鈕220
12.4.6創建重置按鈕220
12.4.7創建複選框221
12.4.8創建單選按鈕222
12.4.9將圖像用作提交按鈕222
12.4.10創建常規按鈕223
12.4.11隱藏的表單字段224
12.4 .12文件上傳控件224
12.5使用其他表單控件225
12.5.1使用元素button 225
12.5.2使用textarea創建大型文本輸入字段225
12.5.3使用select和option創建菜單226
12.6使用fieldset和legend將控件編組231
12.6 .1修改默認的表單導航順序233
12.6.2使用快捷鍵233
12.6.3創建被禁用的控件和只讀控件233
12.7使用progress和meter顯示更新進度234
12.8使用CSS設置表單控件的樣式238
12.9規劃表單242
12.10小結243
12.11作業244
12.11.1問與答244
12.11.2小測驗245
12.11.3小測驗答案245
12.11.4練習245
第13章使用HTML5定義頁面的結構246
13.1 HTML頁面佈局簡史246
13.2使用HTML5設計頁面佈局247
13.3 HTML5結構性標籤248
13.3.1區段248
13.3.2頁眉249
13.3.3頁腳249
13.3.4導航250
13.3.5文章251
13.3.6側欄251
13.4頁面大綱251
13.5使用HTML5結構性元素252
13.6小結253
13.7作業253
13.7.1問與答253
13.7.2小測驗254
13.7.3小測驗答案254
13.7.4練習254
第14章集成多媒體:視頻和聲音255
14.1以簡單的方式嵌入視頻255
14.1.1將視頻託管到外部網站的優缺點256
14.1.2將視頻上傳到YouTube 257
14.1.3定製視頻播放器257
14.1.4其他服務258
14.2自己託管視頻259
14.2.1視頻和容器格式259
14.2.2將視頻轉換為H.264格式260
14.3使用