HTML5與CSS3入門經典(第4版)( 簡體 字) | |
| 作者：[美]Terry Feilke-Morris 著 周靖譯 | 類別：1. -> 程式設計 -> 網路編程 -> HTML 2. -> 程式設計 -> 網路編程 -> CSS |
| 出版社：清華大學出版社 |  3dWoo書號： 48850詢問書籍請說出此書號！ 有庫存 NT售價： 495 元 |
| 出版日：2/1/2018 | |
| 頁數：430 | |
| 光碟數：0 | |
站長推薦：   | |
| 印刷：全彩印刷 | 語系： ( 簡體 字 ) |
| ISBN：9787302490661 | 加入購物車 │加到我的最愛 (請先登入會員) |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社) | |
第1章互聯網和萬維網基礎1
1.1 互聯網和萬維網2 互聯網2 互聯網的誕生2 互聯網的發展2 萬維網的誕生2 第一個圖形化瀏覽器3 各種技術的聚合3 1.2 網頁標準和無障礙訪問4 W3C推薦標準4 網頁標準和無障礙訪問4 無障礙訪問和法律4 網頁通用設計5 1.3 瀏覽器和服務器6 網絡概述6 客戶端/服務器模型6 客戶端7 服務器7 1.4 Internet協議8 電子郵件協議8 超文本傳輸協議8 文件傳輸協議8 傳輸控制協議/Internet協議8 IP地址9 1.5 統一資源標識符(URI)和域名10 URI和URL10 域名10 頂級域名10 通用頂級域名11 國家代碼頂級域名12 域名系統DNS13 1.6 網上的信息14 使用網上信息時的道德規范15 1.7 HTML概述16 什么是HTML16 什么是XML17 什么是XHTML17 HTML的最新版本HTML517 1.8 網頁幕后揭秘18 文檔類型定義(DTD)18 網頁模板18 html元素18 頁頭區域19 主體區域19 1.9 第一個網頁20 動手實作1.120 保存文件22 復習和練習24 復習題24 動手練習24 網上調研25 聚焦網頁設計26 第2章HTML基礎27 2.1 標題元素28 動手實作2.128 無障礙訪問和標題29 HTML5更多的標題選項29 2.2 段落元素30 動手實作2.230 對齊31 2.3 換行和水平標尺32 換行元素32 水平標尺元素32 動手實作2.332 動手實作2.433 2.4 塊引用元素34 動手實作2.535 2.5 短語元素36 2.6 有序列表38 type屬性、start屬性和reversed 屬性38 動手實作2.639 2.7 無序列表40 動手實作2.741 2.8 描述列表42 動手實作2.843 2.9 特殊字符44 動手實作2.944 2.10 HTML語法校驗46 動手實作2.1046 2.11 結構元素48 div元素48 header元素48 nav元素48 main元素48 footer元素48 動手實作2.1149 2.12 練習使用結構元素50 動手實作2.1250 2.13 錨元素52 動手實作2.1352 鏈接目標53 絕對鏈接53 相對鏈接53 blockanchor53 無障礙訪問和超鏈接53 2.14 練習使用鏈接54 站點地圖54 動手實作2.1454 2.15 電子郵件鏈接58 動手實作2.1559 復習和練習60 復習題60 動手練習61 聚焦網頁設計61 案例學習61 度假村案例學習： PacificTrailsResort62 瑜珈館案例學習： PathofLightYogaStudio65 第3章網頁設計基礎71 3.1 為目標受眾設計72 瀏覽器73 屏幕分辨率73 3.2 網站的組織74 分級式組織74 線性組織75 隨機組織75 3.3 視覺設計原則76 重復：在整個設計中重復視覺 元素76 對比：添加視覺刺激和吸引 注意力77 近似：分組相關項目77 對齊：對齊元素實現視覺上的 統一77 3.4 提供無障礙訪問78 通用設計和增強無障礙訪問的 受益者78 無障礙設計有助于提高在搜索 引擎中的排名78 法律規定79 無障礙設計的熱潮79 3.5 文本的使用80 文本設計的注意事項80 3.6 調色板82 十六進制顏色值82 網頁安全色83 無障礙設計和顏色83 3.7 針對目標受眾進行設計84 面向兒童84 面向年輕人84 面向所有人85 面向老年人85 3.8 選擇顏色方案86 以一張圖片為基礎的方案86 色輪86 變深、變淺和變灰87 單色88 相似色88 互補色88 分散互補色89 三色89 四色89 實現顏色方案89 3.9 使用圖片和多媒體90 文件大小和圖片尺寸90 抗鋸齒/鋸齒化文本的問題90 只使用必要的多媒體91 提供替代文本91 3.10 更多設計考慮92 感覺到的加載時間93 第一屏93 適當留白93 水平滾動93 3.11 導航設計94 網站要易于導航94 導航欄94 面包屑導航94 圖片導航95 動態導航95 站點地圖95 站點搜索功能95 3.12 線框和頁面布局96 3.13 固定布局和流動布局98 固定布局98 流動布局98 3.14 為移動網絡設計100 三種方式100 移動設備設計考慮100 桌面和移動網站的例子101 移動設計小結101 3.15 靈活響應的網頁設計102 3.16 網頁設計最佳實踐104 復習和練習106 復習題106 動手練習107 聚焦網頁設計108 網頁項目案例學習108 項目里程碑108 第4章CSS基礎111 4.1 CSS概述112 層疊樣式表的優點112 配置CSS的方法113 層疊樣式表的“層疊”113 4.2 CSS選擇符和聲明114 CSS語法基礎114 background-color屬性114 color屬性115 配置背景色和文本色115 4.3 CSS顏色值語法116 4.4 配置內聯CSS118 style屬性118 動手實作4.1118 4.5 配置嵌入CSS120 style元素120 動手實作4.2120 4.6 配置外部CSS122 link元素122 動手實作4.3122 4.7 CSS的class、ID和后代選擇符124 class選擇符124 id選擇符124 后代選擇符124 動手實作4.4125 4.8 span元素126 span元素126 動手實作4.5126 4.9 練習使用CSS128 將嵌入CSS轉換為外部CSS128 將網頁與外部CSS文件關聯128 動手實作4.6128 VIII｜HTML5與CSS3入門經典(第4版) 4.10 層疊130 4.11 練習使用層疊132 動手實作4.7132 4.12 CSS語法校驗134 動手實作4.8134 復習和練習136 復習題136 動手練習137 聚焦網頁設計137 度假村案例學習： PacificTrailsResort138 瑜珈館案例學習： PathofLightYogaStudio141 第5章圖形和文本樣式基礎143 5.1 圖片144 GIF格式的圖片144 JPEG格式的圖片144 PNG格式的圖片145 5.2 img元素146 動手實作5.1146 用alt屬性提供無障礙訪問147 5.3 圖片鏈接148 動手實作5.2148 無障礙訪問和圖片鏈接149 5.4 配置背景圖片150 background-image屬性150 同時使用背景顏色和背景圖片150 瀏覽器如何顯示背景圖片150 background-attachment屬性151 5.5 定位背景圖片152 background-repeat屬性152 定位背景圖片152 動手實作5.3153 5.6 用CSS3配置多張背景圖片154 漸進式增強154 動手實作5.4155 5.7 用CSS配置字體156 font-family屬性156 動手實作5.5156 5.8 CSS文本屬性158 font-size屬性158 font-weight屬性158 font-style屬性159 line-height屬性159 text-align屬性159 text-decoration屬性159 text-indent屬性159 text-transform屬性159 letter-spacing屬性159 5.9 練習配置圖形和文本160 動手實作5.6160 5.10 用CSS配置列表符號162 用圖片代替列表符號163 動手實作5.7163 5.11 收藏圖標164 配置收藏圖標164 動手實作5.8165 5.12 圖像映射166 map元素166 area元素166 探索矩形圖像映射166 5.13 復習和練習168 復習題168 動手練習169 聚焦網頁設計170 度假村案例學習： PacificTrailsResort170 瑜珈館案例學習： PathofLightYogaStudio173 第6章CSS進階177 6.1 寬度和高度178 width屬性178 min-width屬性178 max-width屬性179 height屬性179 動手實作6.1179 目錄｜IX 6.2 框模型180 內容180 填充180 邊框180 邊距181 框模型實例181 6.3 邊距和填充182 margin屬性182 padding屬性182 6.4 邊框184 動手實作6.2185 6.5 圓角186 動手實作6.3187 6.6 頁面內容居中188 動手實作6.4188 6.7 CSS3的邊框和文本陰影190 CSS3的box-shadow屬性190 CSS3的text-shadow屬性191 動手實作6.5191 6.8 背景圖片192 CSS3background-clip屬性192 CSS3background-origin屬性193 6.9 背景圖片的大小和縮放194 6.10 練習使用CSS3屬性196 動手實作6.6196 6.11 CSS3的opacity屬性198 動手實作6.7198 6.12 CSS3RGBA顏色200 動手實作6.8200 6.13 CSS3HSLA顏色202 色調、飽和度、亮度和alpha202 HSLA顏色示例202 動手實作6.9203 6.14 CSS3的漸變204 線性漸變語法204 輻射漸變語法204 CSS3漸變和漸進式增強204 動手實作6.10205 復習和練習206 復習題206 動手練習207 聚焦網頁設計207 度假村案例學習： PacificTrailsResort207 瑜珈館案例學習： PathofLightYogaStudio211 第7章頁面布局基礎215 7.1 正常流動216 動手實作7.1216 7.2 浮動218 float屬性218 浮動元素和正常流動219 動手實作7.2219 7.3 清除浮動220 clear屬性220 用換行清除浮動220 7.4 溢出222 overflow屬性222 用overflow屬性清除浮動222 對比clear屬性與overflow屬性.223 用overflow屬性配置滾動條223 7.5 CSS屬性box-sizing224 7.6 基本雙欄布局226 動手實作7.3226 雙欄布局的例子229 7.7 用無序列表實現垂直導航230 用CSS配置無序列表230 用CSStext-decoration屬性消除 下畫線230 動手實作7.4231 7.8 用無序列表實現水平導航232 CSS的display屬性232 動手實作7.5233 7.9 用偽類實現CSS交互性234 動手實作7.6234 7.10 練習CSS雙欄布局236 動手實作7.7236 7.11 用CSS進行定位238 static定位238 fixed定位238 相對定位238 絕對定位239 7.12 練習定位240 動手實作7.8240 7.13 CSS精靈242 動手實作7.9242 復習和練習244 復習題244 動手練習245 聚焦網頁設計245 度假村案例學習： PacificTrailsResort245 瑜珈館案例學習： PathofLightYogaStudio247 第8章 鏈接、布局和移動開發進階249 8.1 相對鏈接的更多知識250 相對鏈接的例子250 動手實作8.1250 8.2 區段標識符252 動手實作8.2253 8.3 figure元素和figcaption元素254 figure元素254 figcaption元素254 添加圖題254 動手實作8.3255 8.4 圖片浮動練習256 動手實作8.4256 8.5 更多HTML5元素258 section元素258 article元素258 aside元素258 time元素258 動手實作8.5258 8.6 HTML5與舊瀏覽器的兼容性260 配置CSS塊顯示260 動手實作8.6260 8.7 CSS對打印的支持262 打印樣式最佳實踐262 動手實作8.7263 8.8 移動網頁設計264 移動網頁設計要考慮的問題264 為移動使用優化布局264 優化移動導航265 優化移動圖片265 優化移動文本265 為OneWeb而設計265 8.9 viewportmeta標記266 8.10 CSS3媒體查詢268 什么是媒體查詢268 使用link元素的媒體查詢例子268 使用@media規則的媒體 查詢示例269 8.11 練習媒體查詢270 動手實作8.8270 8.12 靈活圖像274 動手實作8.9274 8.13 picture元素276 source元素276 動手實作8.10276 8.14 靈活img元素屬性278 sizes屬性278 srcset屬性278 動手實作8.11278 8.15 測試移動顯示280 用桌面瀏覽器測試280 針對專業開發人員281 復習和練習282 復習題282 動手練習283 聚焦網頁設計283 度假村案例學習： PacificTrailsResort283 瑜珈館案例學習： PathofLightYogaStudio287 第9章表格基礎291 9.1 表格概述292 table元素292 border屬性292 表格標題293 9.2 表行、單元格和表頭294 動手實作9.1295 9.3 跨行和跨列296 動手實作9.2296 9.4 配置無障礙訪問表格298 9.5 用CSS配置表格樣式300 動手實作9.3300 9.6 CSS3結構性偽類302 動手實作9.4302 配置首字母303 9.7 配置表格區域304 復習和練習306 復習題306 動手練習307 聚焦網頁設計307 度假村案例學習： PacificTrailsResort308 瑜珈館案例學習： PathofLightYogaStudio309 第10章表單基礎311 10.1 概述312 form元素313 表單控件313 10.2 文本框314 10.3 提交按鈕和重置按鈕316 提交按鈕316 重置按鈕316 示例表單316 動手實作10.1316 10.4 復選框和單選鈕318 復選框318 單選鈕319 10.5 隱藏字段和密碼框320 隱藏字段320 密碼框320 10.6 textarea元素322 動手實作10.2323 10.7 select元素和option元素324 select元素324 option元素324 10.8 label元素326 動手實作10.3327 10.9 fieldset元素和legend元素328 fieldset元素328 legend元素328 用CSS配置fieldset分組樣式329 無障礙訪問與表單329 10.10 用CSS配置表單樣式330 動手實作10.4330 屬性選擇符331 10.11 服務器端處理332 隱私和表單333 10.12 練習創建表單334 動手實作10.5334 10.13 HTML5文本表單控件336 E-mail地址輸入表單控件336 URL表單輸入控件336 電話號碼表單輸入控件337 搜索詞輸入表單控件337 HTML5文本框表單控件的 有效屬性337 10.14 HTML5的datalist元素338 10.15 HTML5的slider控件和 spinner控件340 slider表單輸入控件340 spinner表單輸入控件340 HTML5和漸進式增強341 10.16 HTML5日歷和顏色池控件342 日歷輸入表單控件342 顏色池表單控件343 10.17 練習創建HTML5表單344 動手實作10.6344 XII｜HTML5與CSS3入門經典(第4版) 復習和練習346 復習題346 動手練習347 聚焦網頁設計347 度假村案例學習： PacificTrailsResort348 瑜珈館案例學習： PathofLightYogaStudio351 第11章媒體和交互性基礎355 11.1 插件、容器和codec356 輔助應用程序和插件356 11.2 配置音頻和視頻358 訪問音頻或視頻文件358 動手實作11.1358 多媒體和無障礙訪問359 多媒體和瀏覽器兼容問題359 11.3 Flash和HTML5元素embed360 embed元素360 動手實作11.2361 11.4 HTML5元素audio和source362 audio元素362 source元素362 動手實作11.3363 11.5 HTML5video元素和source364 video元素364 source元素364 11.6 練習HTML5視頻366 動手實作11.4366 11.7 iframe元素368 動手實作11.5369 11.8 CSS3屬性transform370 CSS3旋轉變換370 CSS3伸縮變換370 動手實作11.6371 11.9 CSS3屬性transition372 動手實作11.7373 11.10 練習CSS過渡374 動手實作11.8374 11.11 CSS下拉菜單376 動手實作11.9376 11.12 HTML5元素details和 Summary378 details元素378 summary元素378 details和summarywidget378 動手實作11.10379 11.13 JavaScript和jQuery380 JavaScript380 jQuery381 11.14 HTML5API382 地理位置382 Web存儲382 離線Web應用382 用canvas元素繪圖383 復習和練習384 復習題384 動手練習385 聚焦網頁設計385 度假村案例學習： PacificTrailsResort385 瑜珈館案例學習： PathofLightYogaStudio387 第12章Web發布基礎391 12.1 注冊域名392 選擇域名392 注冊域名393 12.2 選擇主機394 主機的類型394 選擇虛擬主機394 12.3 用FTP發布396 FTP應用程序396 用FTP連接396 使用FTP396 12.4 提交到搜索引擎398 搜索引擎的組成398 在搜索引擎中列出你的網站399 目錄｜XIII 12.5 搜索引擎優化400 關鍵字400 網頁標題400 標題標記400 描述400 meta標記400 鏈接401 圖片和多媒體401 有效代碼401 有價值的內容401 12.6 無障礙訪問測試402 通用設計和無障礙訪問402 Web無障礙訪問標準402 Section508條款402 WCAG402 測試無障礙設計相容性403 12.7 可用性測試404 進行可用性測試404 動手實作12.1405 復習和練習406 復習題406 動手練習407 聚焦網頁設計407 度假村案例學習： PacificTrailsResort408 咖啡館案例學習： JavaJamCoffeeHouse408 附錄409 附錄A 復習和練習答案410 附錄B HTML5速查表411 附錄C CSS速查表416 附錄D 對比XHTML和HTML5421 附錄E WCAG2.0快速參考427 附錄F ARIA地標角色429 附錄G CSSflexbox模型430 附錄H Web安全調色板435 視頻講解 視頻講解：EvolutionoftheWeb2 視頻講解：YourFirstWebPage20 視頻講解：TMLValidation46 視頻講解：PrinciplesofVisualDesign76 視頻講解：ExternalStyleSheets122 視頻講解：CSSValidation134 視頻講解：BackgroundImages152 視頻講解：CSSRoundedCorners186 視頻講解：InteractivitywithCSSPseudo-Classes234 視頻講解：LinkingtoaNamedFragment252 視頻講解：ConfigureaTable294 視頻講解：ConnectaformtoServer-sideProcessing332 視頻講解：HTML5Video364 視頻講解：ConfigureanInlineFrame369 視頻講解：ChoosingaDomainName392 《HTML5與CSS3入門經典(第4版)》針對HTML5和CSS3的最新標準進行及時的更新和修訂，包含的主題有：Internet和Web概念；創建HTML5網頁；用CSS配置顏色和文本；用CSS配置頁面布局；配置圖像和多媒體；探索新增的CSS3特性；應用網頁設計最佳實踐；設計可訪問和可用的網頁；搜索引擎優化設計；選擇域名；發布網站。
《HTML5與CSS3入門經典(第4版)》適合所有對網頁設計感興趣的讀者閱讀，是一本理想的入門教程。 《HTML5 與CSS3 入門經典》適合網頁設計或開發初級課程。每個主題都用大約兩頁篇幅進行講解，在指出關鍵知識點的同時，一般還包含動手實作。全書覆蓋網頁設計師需要掌握的所有基礎知識，包括以下主題：
互聯網和萬維網的概念 用HTML5 創建網頁 用層疊樣式表(CSS) 配置文本、顏色和網頁布局 對網頁上的圖片和多媒體進行配置 探索新的CSS3 屬性 網頁設計最佳實踐 對無障礙訪問、可用性和搜索引擎優化的考量 取得域名和主機 發布到網上 本書中文版的學生文件可以從配套網站下載，其中包括動手實作的原始文件和解決方案，以及案例學習的原始文件。 在本書第3 版取得極大成功之后，第4 版新增了以下特色： 更豐富的動手實作 全面更新了范例代碼、案例學習和網絡資源 更新了HTML5.1 元素和屬性 擴充了網頁布局設計 擴充了靈活響應網頁設計技術和CSS 媒體查詢 擴充了靈活響應圖像技術，包括新的HTML5 元素picture 更新了HTML5 和CSS 參考資源 一個新的附錄討論了CSS 靈活布局模塊：Flexbox 本書特色 立足當下，展望未來。本書采用獨特的教學方式，使學生在學習適合當下的網頁設計技能的同時，掌握新的HTML5 編碼技術，迎接未來的挑戰。 精心挑選主題。本書既傳授“硬”技能，比如HTML5 和層疊樣式表( 第1 章和第2 章，第4 章~ 第11 章)，也傳授“軟”技能，比如網頁設計( 第3 章) 和發布到網上( 第12 章)。打下良好基礎之后，學生作為網頁設計師追尋自己的職業夢想時，會更加得心應手。使用本書的學生和老師會發現，我們這個課程變得更有趣了。 學生在創建網頁和網站時，可以一起討論、綜合和運用軟硬技能。每個主題都用兩頁的篇幅來講解，除了快速提供需要掌握的知識點，還通過動手實作來立即鞏固所學到的知識。 每個主題兩頁篇幅。每個主題都用簡潔的、兩頁篇幅的一個小節進行講述。許多小節還包含馬上就可以開始的動手實作，旨在幫助鞏固新學的技能或概念。這種精心設計對學業沉重的學生尤其有用，因為他們需要立即搞清楚關鍵的概念。 動手實作。網頁開發是一門技能，只有通過動手實作才能更好地掌握。本書十分強調實際動手能力的培養，體現在每章的動手實作練習題、章末練習題以及通過真實的案例學習來完成網站的開發。 網站案例學習。從第2 章開始，案例學習將貫穿全書。它的作用是鞏固每章所學的技能。教師資源中心提供了案例的示例解決方案，網址是http://www.pearsonhighered.com/irc。 聚焦網頁設計。大多數章都提供額外的活動來探索與本章有關的網頁設計主題。這些活動可以用于鞏固、擴展和增強課程主題。 FAQ。在我的網頁開發課堂中，學生經常會問到一些同樣的問題。書中列出了這些問題，并用FAQ 標志注明。 聚焦于無障礙設計。開發無障礙網頁的重要性日益增強，所以無障礙網頁設計技術將貫穿全書。這個特殊標記可以讓您更方便地找到這些信息。 聚焦于道德與倫理。本書使用特殊的道德規范標記注明與網頁開發有關的道德規范話題。 簡明提示。提供有用的背景資料，或者幫助提高生產力。 深入探索。這個特殊標記代表可供深入探索的網絡資源，方便學生對當前的主題進行深入學習。 參考資料。附錄提供了豐富的參考資料，包括HTML5 參考、CSS 參考、HTML5和XHTML 的比較、WCAG 2.0 快速參考、ARIA Landmark Roles 概述以及CSS Flexible Box Layout (Flexbox) 簡介。 視頻講解(Video Note) 講解關鍵編程概念和技術，演示從設計到編碼來解決問題的過程。視頻講解方便學生自學自己感興趣的主題，支持選擇、播放、倒退、快進和暫停。每當看到 這樣的圖標，就表示視頻講解，都表明當前主題有對應的視頻講解。視頻列表可從本書中文版配套網站獲取。注意，由于是英文視頻，所以為了方便索引，書中保留了這些視頻的英文名稱。 補充材料 學生資源。本書中文版讀者請訪問獲取學生資源（含視頻講解）。 教師資源。以下補充資源僅供認證教師使用，詳情請發送電子郵件。 章末練習題答案 案例學習作業答案 試題 PPT 演示文稿 示范教學大綱 作者網站。除了出版社為本書提供的配套網站，作者另外建了一個網站，。該網站擁有許多額外的資源，包括調色板和學習/ 復習游戲，還為每一章都單獨建了一個網頁，提供這一章的示例、鏈接和更新信息。該網站由作者自行維護，和出版商無利益關系。 致謝 特別感謝Addison-Wesley 的工作人員，包括Matt Goldstein，Kristy Alaura 和Erin Ault。 感謝我的家人，尤其是我的“另一半”，感謝他的耐心、關愛、支持和鼓勵。最后還要特別獻給我的父親，我們永遠懷念他。 | |
