发表于2024-11-22
學習響應式設計 pdf epub mobi txt 電子書 下載 2024
第一部分 響應式設計基礎
第1章 什麼是響應式設計
1.1 一點兒基礎
1.2 簡史
1.3 為什麼是響應式設計
1.4 總結
第2章 響應式內容
2.1 內容策略
2.2 內容整理
2.3 內容編寫
2.4 內容平等
2.5 內容管理
2.6 自適應內容
2.7 總結
第二部分 創建響應式網站
第3章 響應式網站之HTML
3.1 使用HTML
3.2 頁麵基本結構
3.3 視口
3.4 結構性元素
3.5 創建一個頁麵
3.6 清晰和語義化的HTML
3.7 總結
第4章 響應式網站之CSS
4.1 CSS 的工作方式
4.2 CSS 版本
4.3 置CSS 於何處
4.4 層疊
4.5 使用層疊
4.6 注釋
4.7 組織你的樣式錶
4.8 盒模型
4.9 顯示
4.10 定位
4.11 浮動和清除
4.12 基本樣式
4.13 總結
第5章 媒體查詢
5.1 何為媒體查詢
5.2 媒體查詢結構
5.3 在樣式錶鏈接中使用媒體查詢
5.4 使用媒體查詢的其他方式
5.5 我們可以查詢什麼
5.6 瀏覽器支持
5.7 斷點
5.8 設計範圍
5.9 響應式設計
5.10 使用媒體查詢
5.11 兩列布局
5.12 設置最大寬度
5.13 如何選擇斷點
5.14 總結
第6章 圖像
6.1 顯示圖像的方式
6.2 替代文本
6.3 圖像文件格式
6.4 優化圖像
6.5 內容圖像
6.6 背景圖像
6.7 響應式圖像
6.8 總結
第三部分 玩轉響應式設計
第7章 響應式設計工作流程
7.1 策略與規劃
7.2 內容先於布局
7.3 考慮布局
7.4 原型
7.5 視覺設計
7.6 響應式設計工具
7.7 推銷響應式設計
7.8 與客戶閤作
7.9 總結
第8章 豈止手機
8.1 用戶體驗
8.2 設備無關的設計
8.3 專注於移動優先
8.4 盡你所能
8.5 設備類型
8.6 觸摸
8.7 屏幕尺寸
8.8 可訪問性(通用化設計)
8.9 決定支持哪些設備
8.10 為何要用真實設備進行測試
8.11 測試
8.12 總結
第四部分 設計響應式網站
第9章 文字排版
9.1 始於HTML
9.2 字型
9.3 使用字體
9.4 調整文字大小
9.5 行長
9.6 留白
9.7 內邊距和外邊距
9.8 為屏幕尺寸改變字型
9.9 總結
第10章 導航及頁眉布局
10.1 響應式導航
10.2 網站品牌
10.3 導航鏈接
10.4 導航模式
10.5 頁眉
10.6 總結
第11章 性能
11.1 性能的重要性
11.2 性能作為設計元素
11.3 網頁加載與渲染方式
11.4 性能測量
11.5 清理代碼
11.6 將HTTP 請求減至最少
11.7 服務器設置
11.8 JavaScript
11.9 CSS
11.10 托管
11.11 有條件地加載內容
11.12 重繪與迴流
11.13 RESS
11.14 總結
2007 年,iPhone 的發布對於網站設計來說是一個轉摺點,網站設計師們突然失去瞭對畫布(我們在上麵設計網站)的控製。此前,網站隻是在顯示器屏幕上供人瀏覽,盡管屏幕尺寸有所不同,但差彆並不是那麼大。而現在,我們怎樣纔能使網站在iPhone 這麼小的屏幕上供人瀏覽呢?
在開始的一段時間裏,我們製作瞭專門針對iPhone 屏幕尺寸進行瞭優化的移動網站,其獨立於我們的“常規”網站。同時維護兩個站點還不是那麼糟,但大量不同屏幕尺寸的手機很快湧現齣來,然後是平闆電腦以及更小號的平闆電腦,我們終於意識到不可能為每種可能的屏幕尺寸都製作一個網站。
我們需要一種適用於所有屏幕尺寸的解決方案,需要一種設計網站的方法,使網站能夠自動適配各種顯示屏幕。
一時間各種創意層齣不窮,不久之後響應式網站設計脫穎而齣。它是一種靈活的不依賴於固定屏幕尺寸的網站設計方法,能夠檢測屏幕的大小並調整設計,從而針對具體設備提供最佳的視覺體驗。2010 年,Ethan Marcotte 在A List Apart 上首次發錶瞭關於響應式網站設計的文章(http://alistapart.com/article/responsive-web-design)。
如其他新技術一樣,響應式網站設計一開始並不被人接受,許多人不斷辯稱——甚至於現在某些人還在這麼做——我們需要為手機單獨創建網站。但隨著今天市場上設備的激增,很明顯,我們不能依賴於一種手機模型並將其作為設計標杆。我們的設計要能夠適應所有設備,而這些設備的屏幕尺寸各不相同。
而與此同時,響應式設計也在不斷發展。它不再僅僅是適應屏幕尺寸,也能適應不同的設備性能,如觸摸屏、視網膜顯示屏,以及慢速連接。
在2014 年,58% 的美國成年人擁有一部功能豐富並允許用戶完全訪問網絡的智能手機,這些手機搭載瞭iOS、Android、Windows Phone 等操作係統,1 且35% 的美國成年人擁有一部平闆電腦。2 我們有令人驚嘆的硬件設備,而響應式設計能幫助我們充分利用網絡。
然而,盡管大多數美國成年人都有智能手機,但仍有32% 受訪者的手機不是智能手機。這之中的很多人用手機訪問網絡時隻能使用功能受限的瀏覽器,這種瀏覽器無法如他們希望的那樣顯示所有網站。響應式網站設計也是這種情況下的一種解決方案。
響應式網站設計一開始隻是設計簡單的、注重內容的站點(不依賴CSS 或JavaScript),使其能顯示在幾乎所有的聯網設備上。在此基礎之上,這種設計通過漸進式增強——響應式網站設計正是基於此——針對具體的顯示屏尺寸以及設備功能進行優化。因而,功能手機(也即功能有限的舊式手機)隻能獲得那些它們能使用的內容,而相對來說較新的智能設備所訪問的網站則具有豐富的設計、完美適配其屏幕的界麵,設備功能被充分利用。
響應式網站設計使我們有能力為所有用戶呈現最好的網站,而不管他們具體使用什麼設備。網絡對每個人應該都是可用的,而響應式設計將指導我們做到這一點。
創建響應式網站並不僅僅是學習幾段新代碼那麼簡單。它還包括重新審視網站構想方式,關注用戶體驗,並確保內容和功能不是在設計完成之後纔加上去的。
我們還必須改變網站製作方式,過渡到一個涉及設計師、開發者和其他團隊成員的更具協作性的過程中去。
我們需要學習一些新的代碼,但響應式設計並不是一種新的編程語言,創建一個響應式網站隻需要HTML、CSS,有時再加點JavaScript。如果你已經知道如何製作網站,那麼本書中講到的大部分內容對你來說都會很熟悉。你需要記住,在創建一個響應式網站時,90%的工作與創建非響應式網站時是一樣的。但除瞭增加少許新技術,你需要掌握正確的基礎知識,使用結構恰當、閤乎規範的標記(HTML 和CSS)。如果沒有堅實的基礎,你難以確信自己的網站能正確工作並在各種設備上恰當地顯示。
如果你從事與建設網站相關的工作,不管是一名Web 設計師、開發人員、內容策劃、用戶體驗設計師、網站負責人、IT 主管,還是從事其他任何涉及創建和維護網站的工作,你都將從本書中知曉:響應式設計的工作原理、怎樣調整自己的工作流程以適應響應式設計,以及如何創建對任何設備都能提供最佳設計與用戶體驗的響應式網站。
……
書不錯啊,朋友推薦的,謝謝啦
評分京東的最外層包裝就是塑料袋子,沒用紙盒的方式裝運配送。收到貨打開書沒有封裝保護膜,書的邊緣區域有擠壓褶皺變形, 有一部分區域,還有翹皮,內容還在查看。
評分處理圖像、文字排版和導航
評分不錯!不錯!不錯!不錯!
評分學習用品
評分專業綜閤網上購物商城,銷售超數萬品牌,4020萬種商品
評分學習響應式設計,學習響應式設計
評分經典好書,趁著優惠趕緊下手
評分很經典,朋友推薦的。
學習響應式設計 pdf epub mobi txt 電子書 下載