《響應式Web設計：HTML5和CSS3實戰》（第2版）

2024-04-27 15:10:24

字體：大中小

來源：轉載

供稿：網友

基本信息

作者： [英] Ben Frain 譯者：奇舞團出版社：人民郵電出版社ISBN：9787115446558上架時間：2017-1-9出版日期：2017 年1月開本：16開頁碼：232版次：2-1所屬分類：計算機 > 軟件與程序設計 > 網絡編程 > 綜合

編輯推薦

隨著移動設備的普及，用戶上網的方式發生了巨大變化，無論從樣式還是可用性來講，只適合桌面顯示器的網站已經過時了。如今，在設計網站的時候必須同時考慮多種屏幕尺寸和用戶體驗。如果網站對你或你的客戶品牌非常重要，那么實現響應式設計就是當務之急?！绊憫胶鸵苿觾炏取钡脑O計理念，可以確保無論使用什么設備都可以正常訪問你的網站。在這一理念的指導下，本書圍繞實戰案例，全面講解了與響應式設計相關的現代Web技術，堪稱一部“響應式設計大全”。這一版根據最新的Web設計趨勢進行了更新，展示了實現現代響應式設計最有效的方式，涵蓋了創建優秀的響應式設計所必需的全部最新技術和工具。掌握了這些內容，你設計的網站不僅可以適應當下，更可以順應未來。- 理解響應式設計，以及為何它對現代Web設計如此重要- 清晰、高效地編寫富有語義的HTML5標記- 使用CSS3媒體查詢基于設備應用不同的樣式，了解媒體查詢的最新進展- 根據不同的屏幕大小、分辨率和使用環境加載不同的圖片- 掌握表單處理，使用HTML5標記添加日期選擇器、范圍滑塊等交互控件- 在響應式設計里使用SVG提供分辨率無關的圖片，修改SVG并添加動畫效果- 使用CSS最新的特性，如自定義字體、nth-child選擇符、自定義屬性及CSS calc

內容簡介

書籍計算機書籍本書將當前Web 設計中熱門的響應式設計技術與HTML5 和CSS3 結合起來，為讀者全面深入地講解了針對各種屏幕大小設計和開發現代網站的各種技術。書中不僅討論了媒體查詢、彈性布局、響應式圖片，更將最新和最有用的HTML5 和CSS3 技術一并講解，是學習最新Web 設計技術不可多得的佳作。

作譯者

Ben FrainWeb開發者、圖書作者、演講者。從1996年開始從事Web設計與開發，目前是Bet365的高級前端工程師。另著有《Sass和Compass設計師指南》。在從事Web開發之前，他曾是一名懷才不遇的（而且謙虛的）電視演員和科技記者，畢業于索爾福德大學媒體與表演專業。他寫過四部（自認為）均被低估的劇本，且至今仍覺得有望賣出其中一部（盡管不像最初那么有信心了）。工作之余，在身體和妻子都允許的情況下，他會玩一玩室內足球，或者跟兩個兒子練練摔跤。個人網站www.benfrain.com，Twitter賬號@benfrain。譯者簡介：本書譯者均來自由月影領銜的奇虎360最大前端團隊——奇舞團（75team）。李松峰資深技術翻譯，譯有《javaScript高級程序設計》《簡約至上：交互式設計四策略》等數十部技術和設計書籍，現為“奇舞團”高級開發工程師、《奇舞周刊》總編。鐘恒360奇舞團前端工程師。

第1章　響應式Web設計基礎　　11.1　定義需求　　11.2　什么是響應式Web設計　　21.3　瀏覽器支持　　21.4　第一個響應式的例子　　41.4.1　HTML　　51.4.2　圖片　　81.4.3　媒體查詢　　101.5　示例的不足之處　　141.6　小結　　15第2章　媒體查詢　　162.1　為什么響應式Web設計需要媒體查詢　　172.2　媒體查詢的語法　　182.3　組合媒體查詢　　192.3.1　@import與媒體查詢　　202.3.2　在CSS中使用媒體查詢　　202.3.3　媒體查詢可以測試哪些特性　　202.4　通過媒體查詢修改設計　　212.4.1　任何CSS都可以放在媒體查詢里　　232.4.2　針對高分辨率設備的媒體查詢　　23↓展開全部內容

前言

　　　　響應式Web設計是一種統一的解決方案，可以讓Web作品適配手機、平板和桌面電腦。響應式的網站可以適應用戶的屏幕大小，為今天和明天的設備都提供最佳用戶體驗?！　”緯w響應式Web設計的所有相關內容。不僅如此，通過介紹最新和最有用的HTML5和CSS3技術，還擴充了響應式設計的方法庫，讓設計變得更簡單，更好維護。此外，本書還討論了編寫和交付代碼、圖片、文件的最佳實踐。　　只要會用HTML和CSS，就可以學會響應式Web設計?！　”緯鴥热荨　〉?章，“響應式Web設計基礎”，簡要介紹響應式Web設計相關的技術?！　〉?章，“媒體查詢”，系統講解CSS媒體查詢，包括它的能力、語法，以及各種使用方式。　　第3章，“彈性布局與響應式圖片”，展示如何設計比例縮放布局和響應式圖片，并對Flexbox布局進行全方位介紹。　　第4章，“HTML5與響應式Web設計”，探討HTML5中的語義元素、文本級語義，以及無障礙方面的考慮，還介紹了如何在網頁中添加視頻和音頻。　　第5章，“CSS3新特性”，探討CSS選擇符、HSLA及RGBA顏色、Web排版、視口相對單位，等等。　　第6章，“CSS3高級技術”，探討CSS濾鏡、盒陰影、線性與放射漸變、多背影，以及如何為高分辨率設備提供背景圖片?！　〉?章，“SVG與響應式Web設計”，講述在文檔中使用SVG、將SVG作為背影圖片，以及通過Javascript添加交互?！　〉?章，“CSS3過渡、變形和動畫”，看一看使用CSS能夠做出哪些交互與動畫效果?！　〉?章，“表單”，在HTML5和CSS3之前，表單一直是個難題，現在不同了?！　〉?0章，“實現響應式Web設計”，闡述在著手實現響應式Web設計時需要考慮的重要因素，并給大家提供一些實用的建議?！　￠喿x前提　　? 需要一個文本編輯器　　? 需要一個主流瀏覽器　　? 喜歡一些無聊的笑話　　讀者對象↓展開全部內容

媒體評論

　　“看完這本書，我覺得時間花得太值了。書中滿是關于響應式Web設計的高質量信息，保證不會讓你失望?！薄　　白x這本書可以說是一種享受。過去幾周，我一直把研讀這本書作為工作之余的最大樂趣。不管是提升技術水平，還是一窺Web設計的奧秘，這本書都非常合適。它將成為我手邊必備的參考書?！?p>　　“這本書的作者應該是我看過的書里思路最清晰的一位了，所有技術點在他筆下依次呈現，紛至沓來，讀后有如醍醐灌頂。程序員特有的幽默不時閃現，卻從不喧賓奪主。”