響應式網頁設計超強來襲！通用於平板 X 智慧型手機 X 電腦 X 電視的跨平台設計應用範例(Implementing Responsive Design)

購買商店

響應式網頁設計超強來襲！通用於平板 X 智慧型手機 X 電腦 X 電視的跨平台設計應用範例(Implementing Responsive Design)

$351.00

馬上購買

內容描述

<內容簡介>
響應式網頁設計新浪潮來襲，讓站台輕輕鬆鬆以百變姿態適應不同裝置平台！
近年隨著行動網路的發展，與各種智慧型手機、平板電腦、智慧型電視的興起，一般傳統網頁變得很難適應各種瀏覽器的解析度以及不同行動平台的顯示效果；為了讓用戶有更好的使用體驗與舒適的使用介面，越來越多的人採用本書介紹的響應式網頁相容於多種平台的設計概念，一次滿足各種裝置的特性，解決裝置與網頁顯示之間的混亂局面。透過此書，我們可以看到這種基本轉變為設計和建構網頁帶來的影響，讀者更可從本書9章中學到如何結合使用流動布局、媒介查詢和流動媒介來建構響應式網頁、如何替不同的裝置強化內容，以及使用功能檢測和伺服器端檢測等來提供更好的用戶體驗。除外，此書還特別邀請多位設計師、前端開發工程師、web訪問性專家等，分享架構響應式站台的經驗，讀者可從中獲取寶貴的知識。好評推薦-------------------------------------------------------------------------------------------------『Tim 提供了大量有關響應式Web設計的技術和技巧，這可以幫助你建立出適應多平台潮流的用戶體驗。』－Brad Frost 紐約R/GA公司行動網路戰略師『任何想要深入了解Web的開發者都能從這本有魅力的書籍中獲益。』－Stephanie Rieger, YIIBU公司設計師本書特色★提示學習目標：羅列各章主要學習內容，明確掌握學習進度。★統整各章重點：各章結語歸納出內容要點，強化學習成效。★收錄範例程式碼：揭示應用範例與程式碼，全面掌握設計要領與細節。★囊括最完整的設計方法：從核心技術、計畫、流程到團隊合作等。  

<章節目錄>
致謝序Chapter 01 無處不在的Web1.1 我們錯在哪裡1.2 裝置來了，裝置來了1.3 獨立站台1.4 成為響應式1.5 為什麼又是一本關於響應式設計的書1.6 本書包含哪些內容1.7這本書寫給誰1.8 程式碼格式Chapter 02 流動布局2.1 布局選項2.2 字型大小2.3 網格布局2.4 混合固定寬度和流動寬度2.5 結語Chapter 03 媒介查詢3.1 視口3.2 媒介查詢結構3.3 內嵌樣式與外部樣式3.4 媒介查詢順序3.5 建立核心體驗3.6 確定斷點3.7 導覽欄3.8 對IE的支援3.9 結語Chapter 04 響應式多媒體4.1 問題是什麼4.2 有選擇地為手機提供圖片4.3 響應式圖片策略4.4 響應式圖片的實現方法4.5 背景圖片4.6 高解析度螢幕4.7 其他固定寬度的內容4.8 結語Chapter 05 計畫5.1 選擇成為響應式的5.2 考慮因素5.3 考慮你的分析5.4 考慮內容5.5 考慮目標平台和裝置5.6 考慮跨裝置體驗5.7 準備測試平台5.8 結語Chapter 06 設計流程6.1 你的里程可能會有所不同6.2 優先考慮手機6.3 工具6.4 結語Chapter 07 響應式內容7.1 從內容開始7.2 內容類型7.3 在什麼時候顯示什麼內容7.4 何時改變內容的順序7.5 我們該何去何從7.6 結語Chapter 08 RESS8.1 用戶代理檢測8.2 功能檢測8.3 將用戶代理檢測和功能檢測相結合8.4 RESS：兩全其美8.5 混亂局面8.6安裝WURFL8.7檢測功能8.8結語Chapter 09 響應式體驗9.1 感測器系統9.2 網路9.3 使用環境9.4 裝置能力9.5 結語後記 展望未來