內容簡介

本書廣泛適用于各種教程與學習需求，讀者可自行靈活掌握使用方法。全書共14章，主要涉及以下重要主題：HTML和CSS編碼；網頁設計最佳實踐；鏈接、布局、移動性；網頁開發；網頁多媒體與交互性；電子商務概覽；網頁提升；JavaScript和jQuery簡介。

本書適合所有對網頁設計感興趣的讀者閱讀，是一本理想的入門參考。

前    言

這是一本網頁開發的入門教程，內容涵蓋了網頁開發人員需要掌握的基礎技術，具體如下所述：

• 互聯網概念
• 用HTML5創建網頁
• 用層疊樣式表(CSS)配置文本、顏色、頁面布局
• 網頁設計最佳實踐
• 無障礙訪問標準
• 網頁開發流程
• 在頁面上添加多媒體與交互式元素
• CSS3新特性
• 網站性能提升與搜索引擎優化
• 電子商務與萬維網
• JavaScript

本書特別為讀者提供了支持特性，即“網頁開發者手冊”，這是一系列附錄資源的集合，包括HTML5 參考、XHTML參考、HTML5和XHTML的比較、特殊實體字符列表、CSS屬性參考、WCAG2.0快速參考以及FTP教程。

本書第7版主要關注HTML5，這種聚焦重點的做法對網頁開發初學者來說是有益的。本書綜合講解HTML與CSS主題，例如文本配置、顏色配置、頁面布局，同時重點突出設計、無障礙訪問、萬維網標準等方面的內容。第7版中的新特性主要有以下幾項：

• 增加了頁面布局設計方面的內容
• 增加了針對移動設備進行設計的內容
• 增加了響應式網頁設計技術與CSS媒體查詢
• 介紹了新的CSS3彈性盒(Flexbox)——可變布局容器模塊
• 更新了JavaScript相關內容，增加了針對jQuery的介紹
• 更新了XHTML、HTML5 和 CSS參考部分的內容
• 增加了供讀者動手實踐的練習
• 更新了學習案例
• 更新了代碼示例、案例學習和網頁資源

書中的學生文件可以到本書支持網站下載，網址為http://www.pearsonhighered.com/ felke-morris。這些文件包括了動手練習的解答和網站案例學習的入門文件。

認真完成本書學習之后，你就能夠利用現有技術來設計網頁了。此外，本書也為你將來運用新的HTML5與CSS3代碼技術打下了基礎。

本書的組織結構

本書的組織結構如下圖所示。

 

 

圖P.1  本書的組織比較靈活，讀者可根據自己的需求選擇閱讀

 

本書廣泛適用于各種教程與學習需求，讀者可自行靈活掌握使用方法。第1章提供了一些介紹性的材料，視讀者自身背景的不同可選擇閱讀或跳過。第2章至第4章介紹了HTML和CSS編碼。第5章討論了網頁設計的最佳實踐，可以在學習完第3章之后馬上跳轉至此(或者與第3章配合起來學習)。第6章至第9章繼續介紹HTML與CSS。

后續章節各自為獨立的學習體系，均可以視學習時間與學習需求的不同選擇閱讀：第7章(更多有關鏈接、布局、移動性)、第10章(網頁開發)、第11章(網頁多媒體與交互性)、第12章(電子商務概覽)、第13章(網頁提升)、第14章(對JavaScript和 jQuery的簡單介紹)。

各章概覽如下所示。

• 第1章“互聯網與萬維網介紹”，本章簡單介紹了一些與互聯網和萬維網有關的術語與概念，這些知識是網頁開發人員需要了解的。對許多讀者來說，可將某些內容視作回顧。第1章為本書其余章節的基礎。
• 第2章“HTML基礎”，在介紹HTML5的同時，我們還提供了一些示例與練習，以鼓勵讀者動手創建網頁，從中獲取有益經驗。在學生文件中提供了動手實踐環節的參考答案。
• 第3章“用CSS配置顏色和文本”，本章介紹用層疊樣式表(Cascading Style Sheets t，CSS)配置網頁顏色與文本的技術。我們建議讀者在閱讀的過程中動手練習實踐。相關的參考答案在學生文件的動手實踐部分可以找到。
• 第4章“視覺元素與圖形”，本章討論如何在網頁上應用圖形與視覺效果，包括圖像優化、CSS邊框、CSS圖像背景、新的CSS3視覺效果以及新的HTML5元素等內容。我們建議讀者在學習的過程中動手練習實踐。相關的參考答案在學生文件的動手實踐部分可以找到。
• 第5章“網頁設計”，本章主要關注推薦的網頁設計實踐與無障礙訪問，并對部分內容加以強化，因為某些推薦的網站設計實踐需要與其他章節相結合。
• 第6章“頁面布局”，本章繼續之前已經開始的CSS學習，介紹了有關布放與浮動網頁元素有關的技術，其中包括雙欄式的CSS頁面布局。新的HTML5語義元素與技術使得較早版本的瀏覽器也能兼容HTML5，我們將介紹相有關知識。學生文件的動手實踐部分中提供了示例方案。
• 第7章“鏈接、布局與移動性的更多內容”，本章回顧之前的一些主題，然后介紹了超鏈接、CSS精靈(CSS sprites)的使用、三欄式頁面布局、配置與打印有關的CSS、設計移動互聯網網頁、用CSS多媒體查詢設計自適應網頁、新的CSS3彈性盒布局模塊等知識。讀者在閱讀的過程中可以動手練習實踐。相關的參考答案在學生文件的動手實踐部分可以找到。
• 第8章“表格”，本章主要關注用HTML元素創建表格。介紹了利用CSS來配置表格的方法。我們建議讀者在閱讀的過程中可以動手練習實踐。相關的參考答案在學生文件的動手實踐部分可以找到。
• 第9章“表單”，本章主要講解如何用HTML元素創建表單。介紹了利用CSS來配置表單的方法，以及新的HTML5表單控制元素與屬性。我們建議讀者在閱讀的過程中動手練習實踐。相關的參考答案在學生文件的動手實踐部分可以找到。
• 第10章“網頁開發”，本章關注于網站開發過程，包括大規模項目的作業角色需求、網頁設計過程以及網頁寄存等內容。本章還介紹了網頁主機檢查表的有關知識。
• 第11章“網頁多媒體與交互性”，我們可以在網頁上添加多媒體、交互性等元素，本章簡單介紹了相關內容。這些主題包括新的HTML5視頻和音頻、Flash動畫、Javaapplets、CSS圖片庫(CSS Image Gallery)、新的CSS3變形與漸變屬性、JavaScript、jQuery、Ajax以及新的HTML5 API等。我們建議讀者在閱讀的過程中動手練習實踐。相關的參考答案在學生文件的動手實踐部分可以找到。
• 第12章“電子商務概覽”，本章介紹電子商務、安全性、網頁上的訂單處理流程等內容。
• 第13章“網頁提升”，本章從網頁開發人員的角度討論網站性能的提升問題，并介紹搜索引擎的優化知識。
• 第14章“JavaScript 和 jQuery簡介”，本章介紹利用JavaScript和 jQuery寫客戶端腳本的技術。相關的示例方案在學生文件的動手實踐部分可以找到。
• 附錄“網頁開發者手冊”，該附錄包含讀者在學習過程中需要的資源與教程，例如HTML5快速參考、特殊實體字符、CSS屬性參考、HTML5與XHTML比較、WCAG 2.0快速參考、網頁安全色彩調色板以及FTP教程。

本書具有如下特點。

• 題材選擇廣泛：本書既包含HTML5、CSS、JavaScript 等“硬技術”(第2、3、4、6、7、8、9章)，也包含網頁設計(第5章)、網站提升(第13章)、電子商務(第12章)等軟技能。這就能為讀者打下扎實而全面的基礎，從而為從事網頁設計相關工作助一臂之力。老師和學生在教學中會發現這是個十分有趣的過程，因為大家可以在學習創建網頁與網站時一邊討論、一邊融會貫通地綜合使用“硬技術”和“軟技能”。
• 動手實踐：網頁開發是一項技能，任何技能都需要經過實踐才能提升。本書強調了章節內部的動手實踐環節，每一章結束還有練習，同時學習實際運行著的真實互聯網網站案例。多種多樣的練習內容便于老師根據課程或學期的需要靈活選擇。
• 網站案例學習：從第2章起貫穿全書我們提供了針對四個網站的案例研究。另一個案例從第5章開始。案例研究有助于鞏固每一章學習的內容。教師可以學期為周期循環安排案例，學生們也可以根據自己的興趣來選擇。案例學習的參考答案可以從本書的教師資源中心下載，地址是http://www.pearsonhighered.com/irc。
• 網頁研究我們在每一章中都安排了網頁研究環節，從而激勵學生們進一步鉆研該章主題。
• 關注網頁設計本書中大多數章節里都設計了配套的活動，以深入探索與該章主題相關的網頁設計技巧。這些活動將幫助學生鞏固、拓展和提升課程中所學主題。
• FAQ：在作者的網頁開發課程中，學生們經常會問一些類似的問題。作者對此加以整理，在本書中增加了這一環節，并添加了FAQ標識。
• 自測題：每一章有兩至三篇自測題，匯聚了若干問題，便于學生們在學習過程中及時總結自我評估。每組問題上都有特殊的自測題圖標。
• 關注無障礙訪問：開發易于訪問的網站的重要性日益彰顯，因此本書將對無障礙訪問的關注貫穿始終。在有關無障礙訪問的內容處我們設置了特殊圖標以便于查找。
• 關注道德標準：本書中與網頁開發有關的道德標準內容以高亮顯示，并設置了特殊的圖標。
• 參考材料：本書附錄中提供了網頁開發人員手冊，內容包含HTML5快速參考、特殊實體字符、HTML5與XHTML比較、CSS屬性參考、WCAG 2.0快速參考、FTP教程、網頁安全色調色板等。

補 充 材 料

學生資源

編寫網頁練習中的學生文件、網站實例研究以及相關VideoNotes資源，都可以在本書的配套網站上獲取，網址是http://www.pearsonhighered.com/felke-morris。如果書籍推出新版本，相應的資源仍能提供免費的訪問。

教師資源

我們為教師提供了下列教學輔助資源。請訪問Pearson的教學資源中心(http://www.pearsonhighered.com/irc)。我們提供的內容如下：

• 每章課后練習的答案
• 實例研究練習的答案
• 測試題
• PPT展示資源
• 示例教學大綱

作者的個人網站

 

除了出版社的支持網站外，本書作者建有個人網站，網址為http://www.webdevfoundations.net。在這個站點上為讀者提供了另外一些有用的資源，包括復習練習以及展示各章示例、鏈接、更新信息的頁面。出版社不負責該網站的維護。

目    錄

 

第1章  互聯網與萬維網介紹 1

1.1  互聯網與萬維網 2

互聯網 2

互聯網的誕生 2

互聯網的發展 2

萬維網的誕生 2

第一個圖形化瀏覽器 3

技術融合 3

誰在運行互聯網？ 3

內聯網和外部網 4

1.2  萬維網標準與無障礙訪問 5

W3C推薦標準 5

萬維網標準與無障礙訪問 5

無障礙訪問與法律 5

萬維網通用設計 6

1.3  萬維網上的信息 7

網絡信息與可靠性 7

有道德地使用網上的信息 8

自測題1.1 9

1.4  網絡概述 9

1.5  客戶端/服務器模型 10

1.6  互聯網協議 11

文件傳輸協議(FTP) 12

電子郵件協議 12

超文本傳輸協議(HTTP) 12

傳輸控制協議/互聯網協議

  (TCP/IP) 12

1.7  統一資源定位符和域名 14

URI和URL 14

域名 14

1.8  標記語言 16

標準通用標記語言(SGML) 17

超文本標記語言(HTML) 17

可擴展標記語言(XML) 17

可擴展超文本標記語言

  (XHMTL) 17

HTML5-HTML語言的最新版本 17

自測題1.2 18

1.9  萬維網上的流行應用 18

電子商務 18

移動接入 18

博客 18

維基 19

社交網絡 19

云計算 20

RSS 20

播客 20

Web 2.0 20

本章小結 22

關鍵術語 22

復習題 23

動手練習 24

網站實例研究 24

關注網頁設計 25

第2章  HTML基礎 27

2.1  HTML概覽 28

HTML 28

XML 28

XHTML 29

HTML5 29

2.2  文檔類型定義 30

2.3  網頁模板 30

2.4  HTML元素 30

2.5  四大元素head、title、meta

  和body 31

頭部(Head) 31

主體(Body) 31

2.6  你的第一張網頁 32

動手實踐2.1 32

自測題2.1 35

2.7  標題元素 36

動手實踐2.2 36

無障礙訪問與標題 37

2.8  段落元素 38

動手實踐2.3 38

對齊 39

2.9  換行元素 39

動手實踐2.4 40

2.10  塊引用元素 40

動手實踐2.5 41

2.11  短語元素 42

2.12  有序列表 43

類型(Type)、起始值(Start)和

  倒序*(Reversed)屬性 44

動手實踐2.6 44

2.13  無序列表 45

動手實踐2.7 46

2.14  描述列表 47

動手實踐2.8 47

自測題2.2 48

2.15  特殊字符 49

動手實踐2.9 49

2.16  結構元素 51

分區元素(Div) 51

HTML結構性元素 51

頁眉元素(Header) 51

導航鏈接元素(Nav) 51

主體元素(Main) 51

頁腳元素(Footer) 52

動手實踐2.10 52

2.17  錨元素 53

動手實踐2.11 54

絕對超鏈接 54

相對超鏈接 55

網站地圖 55

動手實踐2.12 55

電子郵件超鏈接(E-Mail) 58

動手實踐2.13 59

無障礙訪問與超鏈接 60

塊級錨 60

自測題2.3 61

2.18  HTML驗證 61

動手實踐2.14 61

本章小結 64

關鍵術語 64

復習題 65

學以致用 66

動手練習 67

萬維網探秘 68

網站實例研究 68

第3章  用層疊樣式表CSS配置顏色

與文本 81

3.1  層疊樣式表概覽 82

層疊樣式表的優點 82

配置層疊樣式表 83

樣式選擇器與聲明 83

背景顏色屬性 83

顏色屬性 84

配置背景顏色與文本顏色 84

3.2  為網頁配色 86

十六進制的顏色碼 86

網頁安全色 87

配色的CSS語法 87

3.3  帶樣式屬性的內聯CSS 88

樣式屬性(Style) 88

動手實踐3.1 88

3.4  帶樣式元素的內嵌CSS 90

樣式(Style)元素 90

動手實踐3.2 91

自測題3.1 93

3.5  用CSS配置文本 93

字體系列屬性(font-family) 93

更多的CSS字體屬性 95

CSS3文本陰影屬性 97

動手實踐3.3 97

3.6  CSS類、id與派生選擇器 100

類選擇器 100

id選擇器 101

動手實踐3.4 101

派生選擇器 102

3.7  Span元素 103

動手實踐3.5 103

3.8  使用外部樣式表 104

鏈接元素 104

動手實踐3.6 105

動手實踐3.7 106

自測題3.2 108

3.9  用CSS實現HTML元素居中 109

動手實踐3.8 110

3.10  層疊 111

動手實踐3.9 112

3.12  CSS驗證 113

動手實踐3.10 114

本章小結 116

關鍵術語 116

復習題 116

動手練習 119

萬維網探秘 121

關注網頁設計 121

網站實例研究 122

第4章  視覺元素與圖像 131

4.1  配置線條與邊框 132

水平分隔線元素 132

動手實踐4.1 132

邊框屬性與間距屬性 132

動手實踐4.2 136

自測題4.1 138

4.2  圖像類型 138

圖像互換格式(GIF)圖片 138

聯合照片專家小組(JPEG)圖像 139

可移植網絡圖形格式(PNG)

  圖像 141

新型的WebP圖像格式 141

4.3  圖像元素 141

無障礙訪問和圖像 143

圖像超鏈接 143

動手實踐4.3 143

優化Web圖像 145

動手實踐4.4 146

4.4  HTML5視覺元素 147

HTML5 Figure元素 147

HTML5 Figcaption元素 148

動手實踐4.5 148

HTML5 Meter元素 149

HTML5 Progress元素 150

4.5  背景圖像 151

background-image屬性 151

同時配置背景色和背景圖 151

瀏覽器顯示背景圖 151

background-repeat屬性 151

background-position屬性 153

動手實踐4.6 153

background-attachment屬性 154

自測題4.2 155

4.6  更多有關圖像的知識 155

圖像映射 155

映射元素 155

區域元素 155

探索矩形圖像映射 156

收藏圖標 157

配置收藏圖標 157

動手實踐4.7 158

圖像切割 158

CSS精靈 159

4.7  圖片來源與使用原則 159

圖片來源 159

圖像使用指導原則 160

無障礙訪問和視覺元素 161

自測題4.3 161

4.8  CSS3視覺效果 162

CSS3 background-clip屬性 162

CSS3 background-origin屬性 163

CSS3 background-size屬性 163

CSS3中對多張背景圖像的處理 165

動手實踐4.8 166

CSS3圓角效果 166

動手實踐4.9 167

CSS3 box-shadow屬性 168

動手實踐4.10 169

CSS3的opacity屬性 170

動手實踐4.11 171

CS3 RGBA 顏色 172

動手實踐4.12 174

CSS3 HSLA顏色 174

動手實踐4.13 176

CSS3漸變 177

本章小結 180

關鍵術語 180

復習題 181

學以致用 182

動手練習 183

萬維網探秘 184

關注網頁設計 184

網站實例研究 185

第5章  網頁設計 197

5.1  為目標受眾群體而設計 198

5.2  網站的組織結構 199

分層結構 199

線性結構 200

隨機結構 201

5.3  視覺效果設計原則 201

重復：在整個設計中重復使用

  視覺組件 201

對比：提升視覺刺激效果，吸引

  注意力 202

鄰近：組合相關的項目 202

對齊：將元素對齊形成視覺上的

  統一效果 203

5.4  無障礙訪問設計 203

誰將從通用設計與無障礙訪問

  設計中獲益？ 203

無障礙訪問設計有利于被搜索引擎

  檢索到 204

做正確的事：提供無障礙訪問 204

5.5  適合于Web的寫作風格 205

精心組織內容 205

字體選擇 205

字體大小 206

字體粗細 206

文字顏色對比 206

文本行的長度 206

對齊 206

超鏈接中的文本 206

閱讀級別 207

拼寫和語法 207

5.6  顏色的使用 207

基于圖像的配色方案 207

色輪 208

基于色輪的配色方案 209

對配色方案進行補充 210

無障礙訪問與顏色 211

顏色與目標受眾 211

自測題5.1 214

5.7  圖片與多媒體的應用 214

圖像的文件大小和尺寸 214

多媒體中的抗鋸齒或鋸齒文字 215

僅使用必要的多媒體 215

提供替代文本 215

5.8  更多設計方面的注意事項 216

加載時間 216

首屏 217

充分留白 217

避免水平滾動 217

瀏覽器 217

屏幕分辨率 218

5.9  導航設計 218

易于導航 218

導航欄 218

面包屑導航 218

利用圖形實現導航 219

跳過重復導航鏈接 219

動態導航 220

站點地圖 220

站內檢索功能 221

5.10  頁面布局設計 221

線框和頁面布局 221

頁面布局設計技術 223

5.11  設計適應于移動設備的Web 225

三種方法 226

設計移動設備端網站時需要考慮

  的因素 226

桌面網站與移動網站示例 226

響應式網頁設計 228

5.12  網頁設計最佳實踐核對清單 230

自測題5.2 232

本章小結 233

關鍵術語 233

復習題 234

萬維網探秘 236

關注網頁設計 237

網站實例研究 238

Web項目 239

第6章  頁面布局 241

6.1  盒模型 242

內容 242

內邊距 242

邊框 242

外邊距 242

Margin屬性 243

盒模型的作用 243

6.2  正常流 244

動手實踐6.1 245

6.3  CSS浮動 247

動手實踐6.2 248

浮動元素和正常流 248

6.4  CSS：清除浮動 249

clear屬性 249

overflow屬性 250

自測題6.1 252

6.5  CSS雙欄頁面布局 252

左欄為導航的雙欄布局 252

雙欄頁面，頂部是頁眉，左側

  為導航 254

百尺竿頭還需更進一步 255

6.6  無序列表中的超鏈接 255

用CSS配置列表標記 256

用無序列表組織垂直導航區域 257

用無序列表組織水平導航區域 258

6.7  用CSS偽類增加交互效果 259

動手實踐6.3 260

6.8  CSS雙欄布局實戰 262

動手實踐6.4 262

6.9  頁眉文本圖像替換 265

改進的頁眉文本圖像替換技術 266

動手實踐6.5 266

6.10  實戰圖片庫 267

動手實踐6.6 267

6.11  利用CSS進行定位 269

靜態定位 270

固定定位 270

相對定位 270

絕對定位 271

動手實踐6.7 272

6.12  CSS調試技術 274

驗證HTML語法是否正確 274

驗證CSS語法是否正確 274

設置臨時背景顏色 274

設置臨時邊框 274

使用注釋查找意想不到的重疊 274

6.13  更多HTML5結構元素 275

section元素 275

article元素 276

aside元素 276

time元素 276

動手實踐6.8 276

6.14  舊瀏覽器的HTML5兼容性 278

配置CSS塊顯示 279

HTML5 Shim 279

動手實踐6.9 279

自測題6.2 280

本章小結 281

關鍵術語 281

復習題 281

學以致用 282

動手練習 285

萬維網探秘 286

網站實例研究 286

Web項目 298

第7章  深入了解超鏈接、列表

和移動端網頁設計 299

7.1  換個角度看看超鏈接 300

有關相對超鏈接的更多知識 300

相對鏈接示例 300

動手實踐7.1 301

區段標識符 302

動手實踐7.2 303

ARIA的標志角色 305

target屬性 305

動手實踐7.3 306

塊級錨點 306

電話與短信超鏈接 306

7.2  CSS精靈 306

動手實踐7.4 307

自測題4.1 309

7.3  三欄式CSS頁面布局 309

動手實踐7.5 310

7.4  CSS打印樣式 316

打印樣式最佳實踐 316

動手實踐7.6 319

7.5  設計顯示于移動設備上的網頁 321

移動網頁設計最佳實踐 322

7.6  視窗的meta標簽 324

7.7  CSS3多媒體查詢 325

什么是多媒體查詢？ 326

使用link元素的多媒體查詢

  示例 326

使用@media規則的多媒體查詢

  示例 327

動手實踐7.7 329

7.8  彈性圖像 332

動手實踐7.8 333

7.9  測試在移動設備上的顯示效果 335

用桌面電腦的瀏覽器進行測試 336

僅限于特別專業的開發者 337

多媒體查詢與Internet Explorer

  瀏覽器 337

移動設備優先 337

7.10  CSS3彈性盒布局 338

配置一個彈性容器 338

配置彈性項目 339

動手實踐7.9 340

自測題7.2 343

本章小結 344

關鍵術語 344

復習題 344

學以致用 345

動手練習 348

萬維網探秘 349

關注網頁設計 349

網站實例研究 350

Web項目 363

第8章  表格 365

8.1  表格概覽 366

表格元素 366

border屬性 367

表格標題 367

8.2  表格行、單元格與表頭 368

表格行元素 368

表格數據元素 368

表格表頭元素 369

動手實踐8.1 370

8.3  跨行和跨列 370

colspan屬性 370

rowspan屬性 371

動手實踐8.2 371

8.4  配置一張可無障礙訪問的表格 372

自測題8.1 374

8.5  用CSS設置表格樣式 374

動手實踐8.3 375

8.6  CSS3結構化偽類 377

動手實踐8.4 378

8.7  配置表格中的各個部分 379

自測題8.2 380

本章小結 381

關鍵術語 381

復習題 381

學以致用 382

動手練習 384

萬維網探秘 385

關注網頁設計 385

網站實例研究 385

Web項目 390

第9章  表單 391

9.1  表單概述 392

表單元素 393

表單控件 394

9.2  輸入元素表單控件 394

文本框 394

提交按鈕 396

重置按鈕 396

動手實踐9.1 397

多選框 398

單選按鈕 399

隱藏輸入控件 400

密碼框 401

9.3  滾動文本框 401

動手實踐9.2 402

9.4  選擇列表 404

選擇元素 404

選項元素 405

自測題9.1 406

9.5  圖像按鈕和按鈕元素 406

圖像按鈕 407

按鈕元素 407

9.6  無障礙訪問與表單 408

標簽元素 408

動手實踐9.3 409

Fieldset和Legend元素 409

動手實踐9.4 410

tabindex屬性 411

accesskey屬性 412

自測題9.2 412

9.7  用CSS定義表單樣式 413

9.8  服務器端的處理 414

動手實踐9.5 415

隱私和表單 417

服務器端處理的資源 417

探索服務器端處理技術 418

自測題9.3 418

9.9  HTML5表單控件 418

電子郵件地址輸入 419

URL輸入控件 419

電話號碼輸入控件 420

搜索字段輸入控件 420

數據列表表單控件 421

滑塊表單控件 422

微調器表單控件 423

日歷表單控件 424

拾色器表單控件 425

動手實踐9.6 425

HTML5與漸進式提升 427

本章小結 428

關鍵術語 428

復習題 428

學以致用 430

動手練習 431

萬維網探秘 433

關注網頁設計 434

網站實例研究 434

Web項目 444

第10章  網站開發 445

10.1  大型項目的成功開發 446

項目工作角色 446

確定項目人選的標準 447

10.2  開發流程 448

概念形成 450

分析 450

設計 451

開發 452

測試 453

自動測試工具和校驗器 454

啟用 456

維護 456

評估 456

自測題10.1 457

10.3  域名概述 457

挑選域名 457

注冊域名 458

10.4  主機寄存 458

主機供應商 459

寄存的類型 459

10.5  選擇虛擬主機 460

自測題10.2 462

本章小結 463

關鍵術語 463

復習題 463

動手練習 465

萬維網探秘 466

關注網頁設計 467

網站實例研究 467

Web項目 467

第11章  多媒體與交互性 469

11.1  插件、容器和編解碼器 470

11.2  開啟音頻與視頻之旅 472

提供超鏈接 472

動手實踐11.1 472

與網上的多媒體打交道 473

多媒體與無障礙訪問 475

瀏覽器兼容性問題 475

11.3  Adobe Flash 475

HTML5內嵌元素 476

動手實踐11.2 477

Flash資源 477

自測題11.1 478

11.4  HTML5音頻和視頻元素 478

音頻元素 479

源元素 479

網頁上的HTML5音頻 479

動手實踐11.3 480

視頻元素 481

源元素 482

網頁上的HTML5視頻 482

動手實踐11.4 483

11.5  多媒體文件與版權法律 484

11.6  CSS3和交互性 485

CSS圖片庫 485

動手實踐11.5 485

CSS3Transform屬性 487

CSS3 Rotate變換 488

動手實踐11.6 488

CSS Transition屬性 490

動手實踐11.7 490

練習應用過渡效果 492

動手實踐11.8 492

11.7  Java 494

在網頁上添加Java小程序 495

Java小程序資源 497

自測題11.1 497

11.8  JavaScript 497

JavaScript資源 499

11.9  Ajax 499

Ajax資源 501

11.10  jQuery 501

jQuery資源 502

11.11  HTML5 API