響應(yīng)式Web設(shè)計：HTML5和CSS3實戰(zhàn)

定　價：￥49.00

作　者：	（英）Ben Frain 著王永強譯
出版社：	人民郵電出版社
叢編項：
標(biāo)　簽：	計算機/網(wǎng)絡(luò) 圖形圖像多媒體網(wǎng)頁設(shè)計

購買這本書可以去

ISBN：	9787115299222	出版時間：	2013-01-01	包裝：	平裝
開本：	16開	頁數(shù)：	231	字數(shù)：

內(nèi)容簡介

　　隨著iPad mini的發(fā)布，又一個新的屏幕尺寸誕生了。用不著全面統(tǒng)計，你就會發(fā)現(xiàn)移動互聯(lián)網(wǎng)時代眾多的屏幕規(guī)格，從智能手機的3、4、5英寸，到平板電腦的7、8、9、10英寸，再到筆記本和臺式機的13至30英寸，絕非目前單一的固定或流式布局所能應(yīng)付。于是，響應(yīng)式設(shè)計應(yīng)運而生，而且它也將成為移動互聯(lián)網(wǎng)時代前端設(shè)計與開發(fā)人員的一門必修課?！俄憫?yīng)式Web設(shè)計：HTML5和CSS3實戰(zhàn)》堪稱學(xué)習(xí)響應(yīng)式Web設(shè)計的難得佳作。它不僅全面、細致、圖文并茂地介紹了響應(yīng)式設(shè)計相關(guān)的技術(shù)，比如媒體查詢、流式布局、彈性媒體和彈性字體等，還把近幾年來Web設(shè)計領(lǐng)域公認的最佳設(shè)計理念有機地融入到了實例當(dāng)中，比如移動先行（Mobile First）、漸進增強、平穩(wěn)退化、無障礙設(shè)計等。更加難得的是，本書以設(shè)計跨屏幕的網(wǎng)頁（響應(yīng)式設(shè)計）為出發(fā)點，以點帶面，把如今Web設(shè)計領(lǐng)域兩大標(biāo)準(zhǔn)的最新版本HTML5和CSS3也納入其中，讀者在掌握先進設(shè)計方法的同時也能掌握最新的設(shè)計技術(shù)（比如使用新的HTML5結(jié)構(gòu)化語義標(biāo)記、嵌入媒體、響應(yīng)式視頻，以及CSS3的新選擇器、特效、過渡、變形和動畫等），從而可以免除重復(fù)學(xué)習(xí)新標(biāo)準(zhǔn)之苦，讓自己一步跨入Web設(shè)計領(lǐng)域的最前沿。無論你想學(xué)習(xí)響應(yīng)式Web設(shè)計，還是學(xué)習(xí)HTML5和CSS3的實際應(yīng)用，《響應(yīng)式Web設(shè)計：HTML5和CSS3實戰(zhàn)》都能滿足你的需要，是毋庸置疑的明智之選。說到底，響應(yīng)式Web設(shè)計并非一門獨立的技術(shù)，而只是現(xiàn)有技術(shù)的一個組合應(yīng)用。只要有一點HTML和CSS基礎(chǔ)的讀者都能順利地掌握它。對于中、高級的前端設(shè)計和開發(fā)人員，翻閱《響應(yīng)式Web設(shè)計：HTML5和CSS3實戰(zhàn)》也有助于理清自己的知識脈絡(luò)，對這個新的設(shè)計理念獲得更全面、深入的理解和把握。

作者簡介

　　Ben Frain，是一名具有十多年經(jīng)驗的網(wǎng)頁設(shè)計師和前端工程師，直接與世界各地的客戶和設(shè)計機構(gòu)并肩工作。同時他還是一名技術(shù)記者，定期為一些關(guān)注Mac平臺、前沿科技、網(wǎng)頁設(shè)計和航空技術(shù)的刊物撰稿。在此之前，他曾是一名懷才不遇的（而且謙虛謹慎的）電視演員，畢業(yè)于索爾福德大學(xué)的媒體與表演專業(yè)。他寫了四部（自認為）同樣被低估的劇本，而且始終心懷能賣出一部的信念（盡管不像最初那么強烈了）。工作之余，在身體（和妻子）允許的情況下，他喜歡玩室內(nèi)足球。

圖書目錄

第1章　HTML5、CSS3及響應(yīng)式設(shè)計入門
1.1 　為什么智能手機很重要（而老版的IE不再重要）
1.2 　響應(yīng)式設(shè)計一定是最佳選擇嗎
1.3 　響應(yīng)式網(wǎng)頁設(shè)計的定義
1.4 　為什么要在響應(yīng)式設(shè)計上停滯不前
1.5 　響應(yīng)式網(wǎng)頁設(shè)計示例
1.5.1 　下載視口調(diào)試工具
1.5.2 　在線創(chuàng)意源泉
1.6 　為什么HTML5很優(yōu)秀
1.6.1 　省時省力
1.6.2 　新增了語義化標(biāo)簽元素
1.7 　CSS3為響應(yīng)式設(shè)計和更多創(chuàng)新奠定了基礎(chǔ)
1.7.1 　底線：CSS3不破壞任何東西
1.7.2 　CSS3如何解決日常設(shè)計問題
1.8 　看吶，不用圖片
1.9 　HTML5和CSS3現(xiàn)在就能用嗎
1.10 　響應(yīng)式網(wǎng)頁設(shè)計不是靈丹妙藥
1.11 　引導(dǎo)客戶：網(wǎng)站不必在所有瀏覽器中表現(xiàn)一致
1.12 　小結(jié)
第2章　媒體查詢：支持不同的視口
2.1 　現(xiàn)在就能使用媒體查詢
2.2 　為什么響應(yīng)式設(shè)計需要媒體查詢
2.2.1 　媒體查詢語法
2.2.2 　媒體查詢能檢測那些特性
2.2.3 　用媒體查詢改造我們的設(shè)計
2.2.4 　加載媒體查詢的最佳方法
2.3 　我們的第一個響應(yīng)式設(shè)計
2.3.1 　我們的設(shè)計是固定寬度的，不要驚訝
2.3.2 　響應(yīng)式設(shè)計中要保證圖片盡可能精簡
2.3.3 　小視口下的內(nèi)容剪切
2.4 　阻止移動瀏覽器自動調(diào)整頁面大小
2.5 　針對不同視口寬度修正設(shè)計
2.6 　響應(yīng)式設(shè)計中內(nèi)容始終優(yōu)先
2.7 　媒體查詢只是必要條件之一
2.8 　小結(jié)
第3章　擁抱流式布局
3.1 　固定布局經(jīng)不起未來考驗
3.2 　為什么響應(yīng)式設(shè)計需要百分比布局
3.3 　將網(wǎng)頁從固定布局修改為百分比布局
3.3.1 　需要牢記的公式
3.3.2 　設(shè)置百分比元素的上下文
3.3.3 　必須時刻牢記上下文
3.4 　用em替換px
3.5 　彈性圖片
3.5.1 　讓圖片隨視口縮放
3.5.2 　為特定圖片指定特定規(guī)則
3.5.3 　給彈性圖片設(shè)置閾值
3.5.4 　超級全能的max-width屬性
3.6 　為不同的屏幕尺寸提供不同的圖片
3.7 　流動網(wǎng)格布局和媒體查詢的默契配合
3.8 　CSS網(wǎng)格系統(tǒng)
3.9 　小結(jié)
第4章　響應(yīng)式設(shè)計中的HTML5
4.1 　HTML5的哪些部分現(xiàn)在就能用
4.1.1 　大多數(shù)網(wǎng)站可以用HTML5編寫
4.1.2 　膩子腳本和Modernizr
4.2 　如何編寫HTML5網(wǎng)頁
4.2.1 　HTML5的精簡之道
4.2.2 　HTML5標(biāo)簽的合理寫法
4.2.3 　偉大的標(biāo)簽萬歲
4.2.4 　HTML的廢棄零件
4.3 　HTML5的全新語義化元素
……
第5章　CSS3：選擇器、字體和顏色模式
5.1 　CSS3給前端開發(fā)人員帶來了什么
5.1.1 　Internet Explorer 6到8對CSS3的支持
5.1.2 　使用CSS3設(shè)計和開發(fā)頁面
5.2 　CSS規(guī)則解析
5.3 　私有前綴及其用法
5.4 　快速而有效的CSS技巧
5.4.1 　CSS3多欄布局
5.4.2 　文字換行
5.5 　CSS3的新增選擇器及其用法
5.5.1 　CSS3屬性選擇器
5.5.2 　CSS3結(jié)構(gòu)偽類
5.5.3 　對偽元素的修正
5.6 　自定義網(wǎng)頁字體
5.6.1 　@font-face規(guī)則
5.6.2 　使用@font-face嵌入網(wǎng)頁字體
5.7 　幫幫我，標(biāo)題模糊怎么辦
5.8 　新的CSS3顏色格式和透明度
5.8.1 　RGB顏色
5.8.2 　HSL顏色
5.8.3 　針對IE6、IE7和IE8提供備用顏色值
5.8.4 　透明通道
5.9 　小結(jié)
第6章　用CSS3創(chuàng)造令人驚艷的美
6.1 　文字陰影
6.1.1 　HEX、HSL或RGB顏色都可以
6.1.2 　px、em或rem都行
6.1.3 　取消文字陰影
6.1.4 　制作浮雕文字陰影效果
6.1.5 　多重文字陰影
6.2 　盒陰影
6.2.1 　內(nèi)陰影
6.2.2 　多重陰影
6.3 　背景漸變
6.3.1 　線性背景漸變
6.3.2 　徑向背景漸變
6.3.3 　重復(fù)漸變
6.4 　背景漸變圖案
6.5 　CSS3的響應(yīng)性
6.6 　組合使用CSS3屬性
6.7 　多重背景圖片
6.7.1 　背景圖片大小
6.7.2 　背景圖片位置
6.7.3 　背景屬性的縮寫語法
6.8 　更多CSS特性
6.9 　可縮放圖標(biāo)：響應(yīng)式設(shè)計中的完美選擇
6.10 　小結(jié)
第7章　CSS3過渡、變形和動畫
7.1 　什么是CSS3過渡以及如何使用它
7.1.1 　過渡相關(guān)的屬性
7.1.2 　響應(yīng)式網(wǎng)站中的有趣過渡
7.2 　CSS3的2D變形
7.3 　嘗試CSS3的3D變形
7.3.1 　分析3D變形效果
7.3.2 　3D變形尚未成熟
7.4 　CSS3動畫效果
7.5 　小結(jié)
第8章　用HTML5和CSS3征服表單
8.1 　HTML5表單
8.1.1 　理解HTML5表單中的元素
8.1.2 　placeholder
8.1.3 　required
8.1.4 　autofocus
8.1.5 　autocomplete
8.1.6 　list（及對應(yīng)的datalist元素）
8.1.7 　HTML5的新輸入類型
8.1.8 　日期和時間輸入類型
8.2 　如何給不支持新特性的瀏覽器打補丁
8.3 　使用CSS3美化HTML5表單
8.4 　小結(jié)
第9章　解決跨瀏覽器問題
9.1 　漸進增強與優(yōu)雅降級
9.2 　該不該修復(fù)老版本IE
9.2.1 　統(tǒng)計數(shù)據(jù)（再看看世界的變化）
9.2.2 　個人選擇
9.3 　前端的瑞士軍刀：Modernizr
9.3.1 　使用Modernizr輔助修正樣式問題
9.3.2 　使用Modernizr讓老版本IE支持HTML5元素
9.3.3 　給IE6、7、8追加min/max媒體查詢功能
9.3.4 　使用Modernizr按需加載資源
9.4 　必要時將導(dǎo)航鏈接轉(zhuǎn)換為下拉菜單
9.5 　高分辨率設(shè)備（未來趨勢）
9.6 　小結(jié)