xxxx欧美丰满大屁股/性欧美极品xxxx欧美一区二区/男插女的下面免费视频夜色/美女视频在线一区二区三区

 內 容 簡 介

HTML5和CSS3已成為新一代網頁設計師不可缺少的工具。本書作者在信息技術行業浸染二十多年，具有豐富的教學和從業經驗，她的經典教材《Web開發與設計基礎(第5版)》被譽為“美國網頁設計師就業寶典”。這是作者針對HTML 5和 CSS 3推出的最新標準教程。本書包含的主題有：Internet和Web概念，創建HTML5網頁；用CSS配置顏色和文本；用CSS配置頁面布局；配置圖像和多媒體；探索新增的CSS3特性；應用網頁設計最佳實踐；設計可訪問和可用的網頁；搜索引擎優化設計；選擇域名；發布網站。本書適合所有對網頁設計感興趣的讀者閱讀。

 

　　

前    言

　　《HTML5與CSS3網頁設計基礎》適用于初級Web設計或開發課程。每個主題都用兩頁篇幅進行講解，除了指出關鍵點，一般還包含動手實作。全書覆蓋Web設計人員需要掌握的所有基礎知識，主題包括：

* 因特網和萬維網的概念

* 使用HTML5創建網頁

* 使用層疊樣式表(CSS)配置文本、顏色和網頁布局

* 配置網頁上的圖片和多媒體

* 探索新的CSS3屬性

* Web設計最佳實踐

* 無障礙訪問、可用性和搜索引擎優化

* 獲取域名和主機

* 發布到網上

　　本書中文版的學生文件可以從配套網站http://pan.baidu.com/s/1yd43W下載，其中包括動手實作的初始文件和解決方案，以及案例分析的初始文件。

　　在本書第1版取得極大成功之后，第2版將重點完全放在HTML5上，而不是兼顧XHTML和HTML5語法。這樣使剛涉足Web設計新手能夠專心掌握一樣技能。這一版的新內容還包括：

* 新增更多動手實作

* 增補的案例分析

* 擴充了頁面布局的內容

* 擴充了移動Web設計的內容

* 添加了關于靈活響應的Web設計技術的內容

* 添加了關于CSS媒體查詢的內容

本書特色

　　立足當下，展望未來。本書采用獨特的教學方式，使學生在學習適合當下的網頁設計技能的同時，掌握新的HTML5編碼技術以迎接未來的挑戰。

　　精心挑選主題。本書既傳授“硬”技能，比如HTML5和層疊樣式表(第1章到第2章，第4～11章)，也傳授“軟”技能，比如Web設計(第3章)和發布(第12章)。打下良好的基礎后，學生作為專家追尋自己的職業夢想時，會更加得心應手。使用本書的學生和老師會發現課程變得更有趣。當學生創建網頁和網站時，可以一起討論、綜合運用軟硬技能。每個主題都用兩頁篇幅來講解，除了快速提供需要掌握的知識點，還通過動手實作立即鞏固學到的知識。

　　每個主題篇幅短，容易上手。每個主題都用簡潔的一個小節進行講述。許多小節還包含馬上就可以開始的動手實作，以幫助鞏固新學到的技能或概念。這一設計對學業沉重的學生尤其有用，他們需要立即搞清楚關鍵概念。

　　動手實作。網頁開發是一門技能，只有通過動手實作才能更好地掌握。本書特別強調實際動手能力的培養，體現在每章的動手實作練習題、章末練習題以及通過真實的案例分析來完成網站的開發。

　　網站案例學習。從第2章開始案例學習將貫穿全書。它的作用是鞏固每章所學技能的作用。教師資源中心提供了案例的示例解決方案，網址是http://www.pearsonhighered.com/irc。

　　聚焦Web設計。大多數章都提供額外的活動來探索與本章有關的Web設計主題。這些活動可用于鞏固、擴展和增強課程主題。

　　

在我教授的網頁開發課程中，學生經常會問到一些同樣的問題。書中列出了這些問題，并用FAQ標志注明。

　　

開發無障礙網頁正變得空前重要，無障礙網頁設計技術將貫穿全書。這個特殊標記讓您可以更方便地找到這些信息。

　　

本書使用特殊的道德規范標記注明與網頁開發有關的道德規范話題。

　　

　　

提供有用的背景資料，或者幫助提高生產力。

　　

這個特殊標記代表可供深入探索的Web資源，方便學生加深對當前主題的學習。

　　

　　參考資料。附錄提供了豐富的參考資料，包括XHTML參考、HTML5參考、CSS參考以及WCAG 2.0快速參考。

　　視頻講解(Video Note) 旨在講解關鍵編程概念和技術，演示了從設計到編碼來解決問題的過程。視頻講解使學生能方便地自學感興趣的主題，支持選擇、播放、倒退、快進和暫停。每當看到“ 視頻講解：……”，都表明當前主題有對應的視頻講解。視頻列表請從本書中文版配套網站獲取，網址是http://html5css3.ys168.com。注意，由于是英文視頻，所以為了方便索引，書中保留了這些視頻的英文名稱。

補充資料 

　　學生資源。本書中文版讀者請訪問http://html5css3.ys168.com獲取動手實作的初始文件和解決方案，以及案例分析的初始文件。

　　教師資源。以下補充資源僅供符合資格的教師使用，請訪問Pearson Instructor Resource Center(http://www.pearsonhighered.com/irc)，或者電郵computing@pearson.com了解如何索取它們，或者發送郵件至wenkq@tup.tsinghua.edu.cn了解更多信息。

* 章末練習題答案

* 案例學習作業答案

* 試題

* PowerPoint演示文稿

* 示例教學大綱

　　作者網站。除了出版社為本書制作的配套網站，作者另外開設了一個網站，網址為http://www.webdevbasics.net。該網站擁有許多額外的資源，包括調色板、Flash學習/復習游戲、Adobe Flash教程、Adobe Fireworks教程和Adobe Photoshop教程。還為每一章都單獨建立了一個網頁，提供這一章的示例、鏈接和更新信息。該網站是私人維護，不受出版商資助。

致謝

　　特別感謝Addison-Wesley的同仁，包括Michael Hirsch，Matt Goldstein，Emma Snider，Jenah Blitz-Stoehr，Kayla Smith-Tarbox和Scott Disanno。還要感謝The Aardvark Group Publishing Services的Gillian Hall。

 

　　最后感謝我的家人，尤其是我的另一半，感謝他的耐心、關愛、支持和鼓勵。

 

 

目    錄

 

第1章  Internet和Web基礎 1

1.1  Internet和Web 2

Internet 2

Internet的誕生 2

Internet的發展 2

Web的誕生 3

第一個圖形化瀏覽器 3

各種技術的聚合 3

1.2  Web標準和無障礙訪問 4

W3C推薦標準 4

Web標準和無障礙訪問 4

無障礙訪問和法律 4

Web通用設計 5

1.3  網上的信息 6

信息和可靠性 6

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

1.4  瀏覽器和服務器 7

網絡概述 7

客戶端/服務器模型 8

1.5  Internet協議 9

電子郵件協議 9

超文本傳輸協議 9

文件傳輸協議 10

IP地址 10

1.6  統一資源標識符(URI)和域名 11

URI和URL 11

域名 12

1.7  HTML概述 13

什么是HTML 13

什么是XML 13

什么是XHTML 14

HTML5——HTML的最新版本 14

1.8  網頁幕后揭秘 14

文檔類型定義(DTD) 15

網頁模板 15

html元素 15

頁頭部分 15

主體部分 16

1.9  第一個網頁 16

動手實作1.1 16

創建文件夾 17

保存文件 18

測試網頁 18

復習和練習 19

復習題 19

動手練習 20

Web研究 20

聚焦Web設計 20

第2章  HTML基礎 23

2.1  標題元素 24

動手實作2.1 24

HTML5更多的標題選項 25

2.2  段落元素 25

動手實作2.2 26

對齊 26

2.3  換行和水平標尺 27

換行元素 27

動手實作2.3 27

水平標尺元素 28

動手實作2.4 28

2.4  塊引用元素 29

動手實作2.5 29

2.5  短語元素 30

2.6  有序列表 31

type，start和reversed屬性 32

動手實作2.6 32

2.7  無序列表 33

動手實作2.7 33

2.8  描述列表 34

動手實作2.8 35

2.9  特殊字符 36

動手實作2.9 36

2.10  HTML語法校驗 37

動手實作2.10 38

2.11  結構性元素 39

div元素 39

HTML5結構性元素 40

header元素 40

nav元素 40

footer元素 40

動手實作2.11 40

2.12  錨元素 42

動手實作2.12 42

鏈接目標 43

絕對鏈接 43

相對鏈接 43

block anchor 43

2.13  練習使用鏈接 44

站點地圖 44

動手實作2.13 44

2.14  電子郵件鏈接 47

動手實作2.14 48

復習和練習 48

復習題 48

動手練習 49

聚焦Web設計 50

案例學習：Pacific Trails Resort 50

案例學習：JavaJam Coffee House 53

第3章  網頁設計基礎 57

3.1  為目標受眾設計 58

瀏覽器友好性 59

屏幕分辨率 59

3.2  網站組織 59

分級式組織 60

線性組織 60

隨機組織 61

3.3  視覺設計原則 61

重復：在整個設計中重復視覺元素 62

對比：添加視覺刺激和吸引注意力 62

近似：分組相關項目 63

對齊：對齊元素實現視覺上的統一 63

3.4  提供無障礙訪問 63

無障礙設計的受益者 63

無障礙設計有助于提高在搜索

引擎中的排名 64

法律規定 64

無障礙設計的熱潮 64

3.5  文本的使用 65

文本設計的注意事項 65

3.6  Web調色板 66

十六進制顏色值 67

Web安全顏色 67

無障礙設計和顏色 67

3.7  顏色的運用 68

面向兒童 68

面向年輕人 69

面向所有人 69

面向老年人 70

3.8  使用圖形和多媒體 71

文件大小和圖片尺寸 71

抗鋸齒/鋸齒化文本的問題 71

只使用必要的多媒體 71

提供替代文本 72

3.9  更多設計上的考慮 73

感覺到的加載時間 73

第一屏 74

適當留白 74

水平滾動 74

3.10  導航設計 74

網站要易于導航 74

導航欄 74

面包屑導航 75

圖片導航 76

動態導航 76

站點地圖 76

站點搜索功能 76

3.11  線框和頁面布局 77

3.12  固定和流動布局 79

固定布局 79

流動布局 80

3.13  為移動網絡設計 81

三種方式 81

移動設備設計考慮 81

桌面和移動網站的例子 82

移動設計小結 83

3.14  響應式網頁設計 83

3.15  Web設計最佳實踐 85

復習和練習 87

復習題 87

動手練習 88

聚焦Web設計 89

案例學習：Web項目 89

項目里程碑 89

第4章  CSS基礎知識(一) 93

4.1  CSS概述 94

層疊樣式表的優點 94

配置CSS的方法 95

層疊樣式表的“層疊” 95

4.2  CSS選擇符和聲明 96

CSS語法基礎 96

background-color屬性 96

color屬性 96

配置背景色和文本色 96

4.3  CSS顏色值語法 97

4.4  配置內聯CSS 99

style屬性 99

動手實作4.1 99

4.5  配置嵌入CSS 100

style元素 100

動手實作4.2 101

4.6  配置外部CSS 103

link元素 103

動手實作4.3 103

4.7  CSS的class、ID和上下文選擇符 104

class選擇符 104

id選擇符 105

后代選擇符 105

動手實作4.4 105

4.8  span元素 106

span元素 106

動手實作4.5 106

4.9  練習使用CSS 108

動手實作4.6 108

將嵌入CSS轉換為外部CSS 109

將網頁與外部CSS文件關聯 109

4.10  CSS語法校驗 111

動手實作4.7 111

復習和練習 113

復習題 113

動手練習 114

聚焦網頁設計 114

案例學習：Pacific Trails Resort 115

案例學習：JavaJam Coffee House 118

第5章  圖片樣式基礎 121

5.1  圖片 122

GIF圖 122

JPEG圖片 123

PNG圖片 124

新的WebP圖像格式 124

5.2  img元素 125

動手實作5.1 125

5.3  圖片鏈接 126

動手實作5.2 127

無障礙訪問和圖片鏈接 128

5.4  配置背景圖片 128

background-image屬性 128

同時使用背景顏色和背景圖片 128

瀏覽器如何顯示背景圖片 129

background-attachment屬性 129

5.5  定位背景圖片 130

background-repeat屬性 130

定位背景圖片 130

動手實作5.3 131

5.6  用CSS3配置多張背景圖片 132

漸進式增強 133

動手實作5.4 133

5.7  收藏圖標 134

配置收藏圖標 135

動手實作5.5 135

5.8  用CSS配置列表符號 136

用圖片代替列表符號 136

動手實作5.6 137

5.9  圖像映射 137

map元素 137

area元素 137

探究矩形圖像映射 138

復習和練習 139

復習題 139

動手練習 140

聚焦Web設計 141

案例學習：Pacific Trails Resort 141

案例學習：JavaJam Coffee House 143

第6章  CSS基礎知識(二) 147

6.1  字體 148

動手實作6.1 148

6.2  文本屬性 150

font-size屬性 150

font-weight屬性 151

font-style屬性 151

text-transform屬性 151

line-height屬性 151

動手實作6.2 151

6.3  對齊和縮進 152

text-align屬性 153

text-indent屬性 153

動手實作6.3 153

6.4  CSS的寬度和高度 154

width屬性 154

min-width屬性 155

max-width屬性 155

height屬性 155

動手實作6.4 156

6.5  CSS的框模型 156

框模型實例 157

6.6  CSS的邊距和填充 158

margin屬性 158

padding屬性 158

6.7  CSS的邊框 159

動手實作6.5 160

6.8  CSS3的圓角 161

動手實作6.6 162

6.9  CSS的頁面內空居中設置居中

頁面內容 163

動手實作6.7 164

6.10  CSS3的邊框陰影和文本陰影 165

CSS3的box-shadow屬性 165

CSS3的text-shadow屬性 166

動手實作6.8 166

6.11  CSS3的background-clip和

background-origin屬性 167

CSS3的background-clip屬性 167

CSS3 background-origin屬性 168

6.12  CSS3背景大小和縮放 168

6.13  CSS3的opacity屬性 170

動手實作6.9 170

6.14  CSS3 RGBA顏色 172

動手實作6.10 173

6.15  CSS3 HSLA顏色 173

色調、飽和度、亮度和alpha 173

HSLA顏色示例 174

動手實作6.11 175

6.16  CSS3的漸變 175

CSS3線性漸變語法 176

CSS3漸變和漸進式增強 176

配置CSS3漸變 176

復習和練習 177

復習題 177

動手練習 178

聚焦Web設計 179

案例學習：Pacific Trails Resort 179

案例學習：JavaJam Coffee House 181

第7章  頁面布局基礎 185

7.1  正常流動 186

動手實作7.1 186

7.2  浮動 188

float屬性 188

動手實作7.2 189

浮動元素和正常流動 189

7.3  清除浮動 190

clear屬性 190

7.4  溢出 191

overflow屬性 191

7.5  CSS的雙欄頁面布局 194

左側導航的雙欄布局 194

頂部logo左側導航的雙欄布局 195

還不算完美 195

7.6  用無序列表實現垂直導航 196

用CSS配置無序列表 196

用CSS text-decoration屬性消除

下劃線 196

動手實作7.3 197

7.7  用無序列表實現垂直導航 198

CSS display屬性 198

動手實作7.4 199

7.8  用偽類實現CSS交互性 200

動手實作7.5 201

7.9  CSS雙欄布局練習 202

動手實作7.6 202

7.10  用CSS進行定位 205

static定位 205

fixed定位 205

相對定位 206

絕對定位 207

7.11  定位練習 208

動手實作7.7 208

7.12  CSS精靈 210

動手實作7.8 211

復習和練習 212

復習題 212

動手練習 212

聚焦網頁設計 213

案例學習：Pacific Trails Resort 213

案例學習：JavaJam Coffee House 214

第8章  鏈接、布局和移動開發進階 217

8.1  深入了解相對鏈接 218

相對鏈接的例子 218

動手實作8.1 219

8.2  區段標識符 220

動手實作8.2 221

8.3  figure元素和figcaption元素 222

figure元素 222

figcaption元素 222

添加圖題 222

動手實作8.3 223

8.4  圖片浮動練習 224

動手實作8.4 224

8.5  更多HTML5元素 226

8.5  更多HTML5元素 227

hgroup元素 227

section元素 227

article元素 227

aside元素 227

time元素 227

動手實作8.5 227

8.6  HTML5與舊瀏覽器的兼容性 229

配置CSS塊顯示 229

HTML5 Shim 230

動手實作8.6 230

8.7  CSS對打印的支持 231

打印樣式最佳實踐 231

動手實作8.7 232

8.8  移動網頁設計 233

移動網頁設計要考慮的問題 234

為移動使用優化布局 234

優化移動導航 234

優化移動圖片 235

優化移動文本 235

為One Web而設計 235

8.9  viewport meta標記 235

8.10  CSS3媒體查詢 238

什么是媒體查詢 238

使用link元素的媒體查詢例子 238

使用@media規則的媒體查詢示例 239

8.11  媒體查詢練習 240

動手實作8.8 240

8.12  靈活的圖像 242

動手實作8.9 243

8.13  測試移動顯示 244

用桌面瀏覽器測試 245

針對專業開發人員 246

復習和練習 247

復習題 247

動手練習 248

聚焦網頁設計 248

案例學習：Pacific Trails Resort 249

案例學習：JavaJam Coffee House 252

第9章  表格基礎 257

9.1  表格概述 258

table元素 258

border屬性 259

表格標題 259

9.2  表行、單元格和表頭 260

動手實作9.1 261

9.3  跨行和跨列 261

動手實作9.2 262

9.4  配置無障礙訪問表格 263

9.5  用CSS配置表格樣式 265

動手實作?9.3 265

9.6  CSS3結構性偽類 267

動手實作9.4 267

配置首字母 268

9.7  配置表格區域 268

復習和練習 270

復習題 270

動手練習 271

聚焦Web設計 271

案例學習：Pacific Trails Resort 272

案例學習：JavaJam Coffee House 273

第10章  表單基礎 275

10.1  概述 276

form元素 277

表單控件 277

10.2  文本框 278

10.3  提交按鈕和重置按鈕 279

提交按鈕 279

重置按鈕 279

示例表單 279

動手實作10.1 280

10.4  復選框和單選鈕 281

復選框 281

單選鈕 282

10.5  隱藏字段和密碼框 283

隱藏字段 283

密碼框 283

10.6  textarea元素 284

動手實作10.2 285

10.7  select和option元素 286

select元素 287

option元素 287

10.8  label元素 288

動手實作10.3 288

10.9  fieldset元素和legend元素 289

fieldset元素 289

legend元素 289

前瞻：用CSS配置fieldset分組

樣式 290

10.10  用CSS配置表單樣式 291

10.11  服務器端處理 292

隱私和表單 293

10.12  表單練習 294

動手實作10.4 294

10.13  HTML5文本表單控件 295

E-mail地址輸入表單控件 295

URL表單輸入控件 296

電話號碼表單輸入控件 296

搜索詞輸入表單控件 296

HTML5文本框表單控件的

有效屬性 296

10.14  HTML5的datalist元素 297

10.15  HTML5的slider控件和

spinner控件 298

slider表單輸入控件 298

spinner表單輸入控件 299

HTML5和漸進式增強 300

10.16  HTML5日歷和顏色池控件 300

日歷輸入表單控件 300

顏色池表單控件 301

10.17  HTML5表單練習 302

動手實作10.5 302

復習和練習 304

復習題 304

動手練習 305

聚焦Web設計 305

案例學習：Pacific Trails Resort 305

案例學習：JavaJam Coffee House 309

第11章  媒體和交互性基礎 313

11.1  插件、容器和codec 314

輔助應用程序和插件 314

11.2  配置音頻和視頻 315

訪問音頻或視頻文件 315

動手實作11.1 316

多媒體和瀏覽器兼容問題 316

11.3  Flash和HTML5 embed元素 317

embed元素 317

動手實作11.2 318

11.4  HTML5的audio元素和source元素 318

audio元素 318

source元素 319

動手實作11.3 320

11.5  HTML5的video元素和

source元素 320

video元素 321

source元素 321

11.6  HTML5視頻練習 322

動手實作11.4 322

11.7  嵌入YouTube視頻 323

iframe元素 323

動手實作11.5 324

11.8  CSS3的transform屬性 325

CSS3旋轉變換 325

動手實作11.6 326

11.9  CSS3的transition屬性 327

動手實作11.7 328

11.10  CSS過渡練習 329

動手實作11.8 329

11.11  HTML5的canvas元素 331

復習和練習 333

復習題 333

動手練習 333

聚焦Web設計 334

案例學習：Pacific Trails Resort 334

案例學習：JavaJam Coffee House 336

第12章  上網發布 339

12.1  注冊域名 340

選擇域名 340

注冊域名 341

12.2  選擇主機 341

主機的類型 342

選擇虛擬主機 342

12.3  用FTP發布 344

FTP應用程序 344

用FTP連接 344

使用FTP 344

12.4  提交到搜索引擎 345

搜索引擎的組成 346

在搜索引擎中列出你的網站 347

12.5  搜索引擎優化 347

鏈接 349

圖片和多媒體 349

有效代碼 349

有價值的內容 349

12.6  無障礙訪問測試 349

通用設計和無障礙訪問 349

網絡無障礙訪問標準 349

測試無障礙設計相容性 350

12.7  使用性測試 351

進行使用性測試 351

動手實作12.1 352

復習和練習 353

復習題 353

動手練習 354

聚焦Web設計 354

案例學習：Pacific Trails Resort 354

案例學習：JavaJam Coffee House 355

附錄A  復習和練習答案 357

附錄B  HTML5速查表 358

附錄C  CSS速查表 362

附錄D  XHTML速查表 366

附錄E  對比XHTML和HTML5 369

附錄F  WCAG 2.0快速參考 375