響應式Web設計:HTML5和CSS3實踐指南 ( 簡體 字) |
作者:(美)Benjamin LaGrone | 類別:1. -> 程式設計 -> 網路編程 -> HTML 2. -> 程式設計 -> 網路編程 -> CSS |
譯者: |
出版社:機械工業出版社 | 3dWoo書號: 39207 詢問書籍請說出此書號!【缺書】 NT售價: 195 元 |
出版日:8/1/2014 |
頁數:206 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787111473213 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:了新的開發工具箱,保證開發者從中獲取到最新的設計和開發技能。掌握了本書中所介紹的方法之后,你就能構建響應式應用程序,并且使得Web項目的移動版本能夠按照最新的理念進行開發和設計也是其一大優勢。本書中的示例都是真實的,通過類似于對站點改進的形式,在易于理解的描述下對照示例一步一步地實踐,使得讀者能夠理解響應式設計的精髓,并可以完成一系列設備的響應式設計優化。本書中的主題涵蓋了響應式元素和媒介、響應式字體、響應式布局,使用媒介查詢,學習最新的響應式框架,開發移動設備優先的Web應用程序,優化響應式內容,使用JavaScript和jQuery實現無侵入式的交互。每節所對應的方法都能直接通過所提供的代碼實現。
本書內容
第1章涵蓋元素創建,用于移動設備或臺式機的優化。
第2章介紹如何使用流式字體,創建很棒的字體效果,以及使用HTML5畫布和CSS3實現字體的立體特效。
第3章講述如何創建可實際應用到項目中的響應式布局。你將學會如何使用視窗和媒介查詢,使得Web站點在不同視區大小和類型下變成響應式。
第4章介紹如何使用新型框架,通過最新的響應式方法和交互方式,既快速又可靠地完成響應式站點的設計和交付,以及如何將舊的靜態框架轉換為響應式類型的框架。
第5章討論如何實現Web應用程序的移動版本。該章通過jQueryMobile優先針對移動設備優化,并針對桌面視窗進行了優化。
第6章介紹如何獲取用以構建和測試響應式Web項目的各種工具,并能夠正確地使用。
第7章介紹如何編寫獨立于Web頁面的JavaScript,以便為不同設備實現響應式交互打下基礎。
準備事項
你需要一個IDE(集成開發環境),推薦NetBeans或Eclipse(有操作指南指導如何使用)。還需要圖像編輯軟件,如Photoshop或GIMP。另外還要有一臺Web服務器和一臺本地服務器,如Apache或者其他本地托管應用程序,如XAMPP或MAMPP。
讀者對象
本書介紹的方法適用于當今所有無線網絡設備,同時能夠為Web開發者帶來所期望的更快交付的革新技術,也為最新的移動網絡設備提供更加直觀的交互方式。
提醒或重要的事項以這種格式呈現。
提示及小竅門以這種格式呈現。
讀者反饋
我們永遠歡迎來自讀者的反饋。請讓我們知道你對本書的想法,包括喜歡的內容或可能不怎么喜歡的部分。讀者反饋對我們非常重要,有助于幫助我們今后出版優秀的圖書。
可以通過發送郵件到,給我們提出最寶貴的反饋信息,只需要在郵件的主題中提到本書即可。
如果你是本書中某一個主題方面的專家,同時也有興趣寫一些東西或貢獻自己的力量,就請訪問作者指南頁面www.packtpub.com/authors。
客戶支持
恭喜你擁有本書。我們準備了以下內容來讓你的購買價值最大化。 |
內容簡介:由資深Web開發工程師撰寫,通過大量真實的示例,詳細介紹新的開發工具集,深入闡釋響應式Web設計的各種實用技術和新方法,幫助你快速掌握響應式Web設計的精髓。 全書共分為7章,涵蓋響應式元素和媒介、響應式字體、響應式布局、媒介查詢、響應式框架、響應式內容優化,以及使用JavaScript和jQuery實現非侵入式交互等主題,從準備工作、實現方式和工作原理三部分全面講述響應式Web設計所涉及的各種技術和方法,并提供具體的實現代碼,便于讀者參考實踐。
資深Web開發工程師親筆撰寫,Amazon廣泛好評,完全掌握下一代設備和瀏覽器技術的必備指南 從準備工作、實現方式和工作原理三方面,通過大量真實示例,全面而系統地講解HTML5和CSS3響應式Web設計與開發的各種實用技術和技巧
針對最新的設備和移動Web,我們如何改進和優化網站設計來更好地呈現網站內容?本書詳細講解了響應式Web設計的具體操作方法、各種實用技術和技巧。書中首先介紹如何使圖片自適應頁面尺寸、制作響應式菜單、嵌入響應式視頻,以及利用大量響應式字體技術,接下來講述如何使用框架創建布局,創建迷人的響應式網站,以及僅使用幾行CSS代碼來改進現有框架以應用于響應式網站中。本書是完全掌握下一代設備和瀏覽器技術的必備指南。 通過閱讀本書,你將學到: 響應獨特顯示終端的響應式布局的制作原則 制作響應式字體,使其在所有設備上都容易閱讀-——在小型移動設備屏幕上輕松閱讀文本 使用jQuery Mobile庫和移動設備優先的設計理念來創建移動站點 發現如何獲取創建、部署、測試響應式網站的一系列工具 學習服務器端及客戶端媒介部署技術,提供可適應于任何媒介設備的平臺 利用可直接應用到現有項目中的設計和代碼 |
目錄:譯者序
作者簡介
審校者簡介
前言
第1章 響應式元素及媒介 / 1
1.1 簡介 / 2
1.2 基于寬度百分比的圖像縮放 / 2
1.3 基于cookie及JavaScript的響應式圖像 / 5
1.4 使視頻自適應于屏幕寬度 / 8
1.5 基于媒介查詢的圖像縮放 / 11
1.6 基于媒介查詢的動態導航欄 / 13
1.7 基于尺寸的響應式內邊距 / 18
1.8 基于CSS3按鈕的進度條 / 19
第2章 響應式字體 / 25
2.1 簡介 / 26
2.2 創建自適應的響應式字體 / 26
2.3 使用畫布實現文本陰影 / 28
2.4 使用畫布實現內側陰影和外側陰影 / 30
2.5 使用畫布旋轉文本 / 32
2.6 使用CSS3旋轉文本 / 33
2.7 使用CSS3制作3D文本 / 35
2.8 基于文本遮罩的文本紋理 / 37
2.9 基于位置偽類的交替行樣式 / 39
2.10 基于before及after偽元素添加字符 / 41
2.11 基于相對字體大小的按鈕 / 42
2.12 為字體添加陰影效果 / 45
2.13 基于邊框半徑的圓角實現 / 47
第3章 響應式布局 / 51
3.1 簡介 / 52
3.2 基于min-width和max-width屬性的響應式布局 / 52
3.3 基于相對內邊距的布局控制 / 55
3.4 為CSS添加媒介查詢 / 58
3.5 基于媒介查詢創建響應式寬度布局 / 62
3.6 基于媒介查詢改變圖片大小 / 68
3.7 基于媒介查詢隱藏元素 / 70
3.8 創建平滑過渡的響應式布局 / 72
第4章 使用響應式框架 / 84
4.1 簡介 / 85
4.2 使用流式960網格布局 / 85
4.3 使用Blueprint網格布局 / 90
4.4 基于三分法的流式布局 / 95
4.5 響應式960網格框架—Gumby / 101
4.6 易上手的Bootstrap框架 / 107
第5章 設計移動設備優先的Web應用 / 115
5.1 簡介 / 116
5.2 使用Safari開發者工具的用戶代理設置 / 116
5.3 通過Chrome插件設置用戶代理 / 120
5.4 使用插件調整瀏覽器窗口大小 / 123
5.5 學習視窗及其相關選項 / 124
5.6 為jQuery Mobile添加標簽 / 128
5.7 基于jQuery Mobile添加子頁面 / 132
5.8 基于jQuery Mobile制作列表元素 / 135
5.9 基于jQuery Mobile開發具有移動設備外觀的按鈕 / 143
5.10 僅通過媒介查詢為移動設備設置移動版本的樣式表 / 150
5.11 僅為移動設備添加JavaScript功能特效 / 152
第6章 優化響應式內容 / 155
6.1 簡介 / 156
6.2 使用IE開發者工具進行響應式測試 / 156
6.3 瀏覽器測試—使用插件 / 160
6.4 開發環境—使用免費IDE / 166
6.5 虛擬化—下載VirtualBox / 169
6.6 在Chrome中使用瀏覽器縮放工具 / 174
第7章 非侵入式JavaScript / 178
7.1 簡介 / 179
7.2 基于非侵入式JavaScript編寫“Hello World” / 179
7.3 基于事件監聽器創建發光效果的“提交”按鈕 / 183
7.4 制作鼠標懸停后的按鈕突出效果 / 189
7.5 基于非侵入式jQuery改變頁面元素大小 / 193
7.6 基于非侵入式JavaScript的密碼遮罩 / 197
7.7 基于事件監聽器實現圖像陰影的動態效果 / 201 |
序: |