【讓你的網站迎上行動上網趨勢!】
由於智慧型手機、平板電腦的普及, 自動調適型網頁設計(Responsive Web Design, 簡稱 RWD) 的重要性急遽提升, 成為必學的技術。許多網站、部落格紛紛採用此方式, 打造可以依據使用者的裝置自動調整版面配置的站台。
本書將介紹自動調適型網頁設計的特色及設計要領, 並以完整的網站範例, 依頁首、導覽列、商品區、表單輸入、頁尾等區域, 具體說明設計時的思考模式和程式撰寫方法, 協助您奠定自動調適型網頁設計的基礎!
本書特色
●依不同裝置調整成最適合的顯示模式
‧打好 HTML5 + CSS3 基本功,用單一HTML 檔案實作可變版面
‧Media Queries、Fluid Grid、Fluid Image 關鍵技術解說
‧熟悉 RWD 網頁設計相關元素以及屬性設定
●自動調適型網頁設計的開發捷徑
‧開發流程、測試方法全面公開
‧教你挖出現有網站版面切換點的程式撰寫方法
‧蒐集豐富的 RWD 網站範例, 臨摹作法不用重頭做起
‧提供現成佈景主題素材、開發輔助工具
●全面解析!網站各區域的程式撰寫方法
‧逐一示範網站頁首、導覽列、商品一覽頁、輸入表單、頁尾的程式撰寫方法
‧對應各種解析度、OS、瀏覽器版本, 讓網站顯示最佳內容
●提供全書範例檔案下載,方便您修改、套用