《響應式Web設計：HTML5和CSS3實戰(zhàn)》（第2版）

2024-04-27 15:10:24

字體：大中小

來源：轉載

供稿：網(wǎng)友

基本信息

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

編輯推薦

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

內容簡介

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

作譯者

Ben FrainWeb開發(fā)者、圖書作者、演講者。從1996年開始從事Web設計與開發(fā)，目前是Bet365的高級前端工程師。另著有《Sass和Compass設計師指南》。在從事Web開發(fā)之前，他曾是一名懷才不遇的（而且謙虛的）電視演員和科技記者，畢業(yè)于索爾福德大學媒體與表演專業(yè)。他寫過四部（自認為）均被低估的劇本，且至今仍覺得有望賣出其中一部（盡管不像最初那么有信心了）。工作之余，在身體和妻子都允許的情況下，他會玩一玩室內足球，或者跟兩個兒子練練摔跤。個人網(wǎng)站www.benfrain.com，Twitter賬號@benfrain。譯者簡介：本書譯者均來自由月影領銜的奇虎360最大前端團隊——奇舞團（75team）。李松峰資深技術翻譯，譯有《javaScript高級程序設計》《簡約至上：交互式設計四策略》等數(shù)十部技術和設計書籍，現(xiàn)為“奇舞團”高級開發(fā)工程師、《奇舞周刊》總編。鐘恒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設計是一種統(tǒng)一的解決方案，可以讓Web作品適配手機、平板和桌面電腦。響應式的網(wǎng)站可以適應用戶的屏幕大小，為今天和明天的設備都提供最佳用戶體驗。　　本書涵蓋響應式Web設計的所有相關內容。不僅如此，通過介紹最新和最有用的HTML5和CSS3技術，還擴充了響應式設計的方法庫，讓設計變得更簡單，更好維護。此外，本書還討論了編寫和交付代碼、圖片、文件的最佳實踐。　　只要會用HTML和CSS，就可以學會響應式Web設計。　　本書內容　　第1章，“響應式Web設計基礎”，簡要介紹響應式Web設計相關的技術。　　第2章，“媒體查詢”，系統(tǒng)講解CSS媒體查詢，包括它的能力、語法，以及各種使用方式。　　第3章，“彈性布局與響應式圖片”，展示如何設計比例縮放布局和響應式圖片，并對Flexbox布局進行全方位介紹。　　第4章，“HTML5與響應式Web設計”，探討HTML5中的語義元素、文本級語義，以及無障礙方面的考慮，還介紹了如何在網(wǎng)頁中添加視頻和音頻。　　第5章，“CSS3新特性”，探討CSS選擇符、HSLA及RGBA顏色、Web排版、視口相對單位，等等。　　第6章，“CSS3高級技術”，探討CSS濾鏡、盒陰影、線性與放射漸變、多背影，以及如何為高分辨率設備提供背景圖片。　　第7章，“SVG與響應式Web設計”，講述在文檔中使用SVG、將SVG作為背影圖片，以及通過Javascript添加交互。　　第8章，“CSS3過渡、變形和動畫”，看一看使用CSS能夠做出哪些交互與動畫效果。　　第9章，“表單”，在HTML5和CSS3之前，表單一直是個難題，現(xiàn)在不同了。　　第10章，“實現(xiàn)響應式Web設計”，闡述在著手實現(xiàn)響應式Web設計時需要考慮的重要因素，并給大家提供一些實用的建議。　　閱讀前提　　? 需要一個文本編輯器　　? 需要一個主流瀏覽器　　? 喜歡一些無聊的笑話　　讀者對象↓展開全部內容