無(wú)懈可擊的Web設(shè)計(jì)II

前言

　　我是在美國(guó)東部的Vermont長(zhǎng)大的，這也是我對(duì)手藝產(chǎn)生迷戀和崇敬的發(fā)源地。我記得，小時(shí)候每周六早上都會(huì)和媽媽一起去趕集，當(dāng)?shù)厮械乃囆g(shù)家和手藝人都聚集在那里；每逢周六，他們就用小卡車把自己的作品運(yùn)載到集市上出售。這些手工藝品的品質(zhì)可以通過(guò)觸摸感知。你可以拿起來(lái)仔細(xì)翻看、品評(píng)。　　Ve rmont已經(jīng)成為高質(zhì)量手工藝品的象征。這個(gè)州在某種程度上成了招牌，并且發(fā)展出了以州名命名的品牌。例如，BostonGlobe的Paul Greenberg在他的文章“有個(gè)牌子叫Vermont”中寫道：　　只要產(chǎn)品被標(biāo)上“Vermont制造”——無(wú)論是草藥泡制的楓樹糖漿、菠蘿胡椒醬，還是水牛酸奶——相比產(chǎn)自別處的同一樣?xùn)|西，價(jià)格要高出10％。

內(nèi)容概要

這是一本介紹CSS應(yīng)用技巧的書，主要講解了在Web頁(yè)面設(shè)計(jì)和制作過(guò)程中的各種細(xì)節(jié)的處理方法。與以往介紹CSS的圖書不同，本書側(cè)重的是對(duì)CSS3的靈活運(yùn)用，并以漸進(jìn)增強(qiáng)的方式強(qiáng)化用戶在使用網(wǎng)站時(shí)的體驗(yàn)。書中散發(fā)出的精益求精的藝匠精神將能使讀者以全新的高度看待Web設(shè)計(jì)?！　”緯鴮?shí)用性極強(qiáng)。書中介紹的CSS3和JavaScript技術(shù)都可以立即運(yùn)用在當(dāng)今的瀏覽器環(huán)境下；并且在介紹這些技術(shù)方法的同時(shí)還詳細(xì)說(shuō)明了其在不同瀏覽器下的效果，以及可能存在的問(wèn)題的應(yīng)對(duì)之策。從這一點(diǎn)上來(lái)說(shuō)，本書是一本不可多得的實(shí)操手冊(cè)?！　”緯m合有一定工作經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)人員使用，也適合廣大網(wǎng)站設(shè)計(jì)愛(ài)好者以及Web設(shè)計(jì)培訓(xùn)班學(xué)員參考使用。

作者簡(jiǎn)介

　　錫德霍姆（Dan Cederholm），是一位居住在馬薩諸塞州塞勒姆市的Web設(shè)計(jì)師、作家、丈夫和父親。他是微型設(shè)計(jì)工作室sImlDteBIts的創(chuàng)始人，也是基于標(biāo)準(zhǔn)的Web設(shè)計(jì)領(lǐng)域的公認(rèn)的專家。Dan曾與Google、MTV、Yahool　、ESPN、FastCompany、BIogger、Odeo及其他很多公司合作。在他的設(shè)計(jì)作品、著作和發(fā)言中，他崇尚應(yīng)用web標(biāo)；隹的靈活且適應(yīng)性強(qiáng)的Wet）設(shè)計(jì)。Dan已寫有兩本暢銷書　《BulletproofWeb Desgn Imprving flexibility and protectmgagaInst worst-case scenarios with XHTMLand css》第二版，以及《Web-standa rd sS0lutlons：The Markup and Style Handbook》。Dan管理的simpleBits博客也廣受歡迎，他在該博客上發(fā)表了很多關(guān)于Wet）、技術(shù)以及生活的文童和評(píng)論。他還會(huì)彈一手馬馬虎虎的尤格里里琴（一種夏威夷的撥弦樂(lè)器），偶爾頭上還會(huì)帶個(gè)棒球帽?！　●R科特（Ethan Marcotte），是本書第6章的作者，他是Airbag Industries的資深設(shè)計(jì)師。AI rbag lndustms是一家設(shè)計(jì)工作室，客戶有圣丹斯電影節(jié)、《紐約雜志》和《今日秀》等。他在麻省劍橋生活和工作，長(zhǎng)大后想成為一名戰(zhàn)無(wú)不勝的機(jī)器忍者。嘟嘟！

書籍目錄

第1章　總要問(wèn)問(wèn)“如果……會(huì)怎樣？”　　1.1　簡(jiǎn)單的鏈接列表　　1.2　塊級(jí)鏈接　　　1.2.1　標(biāo)記　　　1.2.2　設(shè)定鏈接樣式　　　1.2.3　為價(jià)格加上樣式　　　1.2.4　調(diào)整價(jià)格位置　　1.3　非故意的重疊　　1.4　調(diào)整了字體大小會(huì)怎樣？　　1.5　猜測(cè)內(nèi)容的長(zhǎng)度　　1.6　用浮動(dòng)提高靈活性　　　1.6.1　新的標(biāo)記順序　　　1.6.2　讓價(jià)格浮動(dòng)起來(lái)　　　1.6.3　通過(guò)字體大小測(cè)試　　1.7　更加理想的代碼順序　　1.8　使用表格　　1.9　增加數(shù)據(jù)可視化　　　1.9.1　給代碼加上數(shù)據(jù)　　　1.9.2　基礎(chǔ)樣式的應(yīng)用　　　1.9.3　隱藏百分?jǐn)?shù)文本以及欄條的制作　　　1.9.4　修正IE6下的問(wèn)題　　1.10　選擇正確的解決辦法　第2章　用border-radius制作圓角　　2.1　圓角的過(guò)去和現(xiàn)在　　　2.1.1　制作固定寬度的圓角容器　　　2.1.2　制作自適應(yīng)寬度的圓角容器　　　2.1.3　使用調(diào)色板和幅度　　2.2　border-radius屬性　　2.3　特定瀏覽器的擴(kuò)展　　2.4　用-webkit-border-radius和-moz-border-radius漸進(jìn)式增強(qiáng)　　2.4.1　兼容未來(lái)　　　2.4.2　指定圓角　　2.5　在Firefox 2中較為臃腫　　2.6　背景的裁剪　　　2.6.1　簡(jiǎn)單的超鏈接　　　2.6.2　制作PNG格式的背景圖片　　　2.6.3　用樣式制作按鈕　　　2.6.4　簡(jiǎn)化鼠標(biāo)懸停狀態(tài)　　　2.6.5　增加邊框的細(xì)節(jié)　　　2.6.6　Firefox 2無(wú)法裁剪背景圖片　　2.7　制作表單元素的圓角　　　2.7.1　簡(jiǎn)單表單代碼　　　2.7.2　應(yīng)用基本的樣式　　　2.7.3　增加背景和去除邊框　　　2.7.4　創(chuàng)建立體感　　　2.7.5　用borders和border-radius增加細(xì)節(jié)　　　2.7.6　聲明一個(gè):focus　樣式　　2.8　其他瀏覽器的情況　　　2.8.1　沒(méi)關(guān)系　　　2.8.2　方形按鈕　　　2.8.3　方形表單元素　　　2.8.4　漸進(jìn)式增強(qiáng)　　2.9　最適合制作原型　第3章　用RGBA讓色彩靈活起來(lái)　　3.1　什么是RGBA？　　3.2　opacity屬性與RGBA　　3.3　兼容性　　3.4　其他瀏覽器的情況如何？　　　3.4.1　為有挑戰(zhàn)性的瀏覽器提供備選　　　3.4.2　使用拼接的PNG圖片　　3.5　制作原型的絕佳工具　　3.6　不僅僅是用于背景　　　3.6.1　用RGBA融合文本　　　3.6.2　wilsonminer.com　　　3.6.3　簡(jiǎn)化鼠標(biāo)懸停的選擇　　　3.6.4　用數(shù)字作畫　　3.7　制作“本周特惠”欄目　　　3.7.1　編寫HTML代碼　　　3.7.2　讓列表縱向排列　　　3.7.3　增加圓角邊框　　　3.7.4　擺放位置　　　3.7.5　制定標(biāo)題和價(jià)格的樣式　　　3.7.6　將RGBA用于重疊　　3.8　小結(jié)　第4章　網(wǎng)站是否需要在每個(gè)瀏覽器中看起來(lái)都一樣？　　4.1　我堅(jiān)持的答案　　4.2　獎(jiǎng)勵(lì)與“這里亂了”　　4.3　了解它的決策制定者　　4.4　一切用數(shù)據(jù)說(shuō)話　　4.5　更多現(xiàn)在就能用的新版CSS屬性　　　4.5.1　TEXT-SHADOW　　　4.5.2　box-shadow　　　4.5.3　webkit-transition　　4.6　小結(jié)　第5章　模塊化的浮動(dòng)管理　　5.1　浮動(dòng)刷新器　　5.2　使用.clearfix　　　5.2.1　IE6和IE7下附加的規(guī)則　　　5.2.2　將.clearfix加到標(biāo)記中　　5.3　語(yǔ)義困境之時(shí)　　　5.3.1　替代方法：長(zhǎng)長(zhǎng)的列表　　　5.3.2　使用更好的類命名　　5.4　在你的樣式表中設(shè)置.group　　5.5　手寫代碼者的框架　　　5.5.1　自己動(dòng)手　　　5.5.2　index.html　　　5.5.3　screen.css　　　5.5.4　reset.css　　　5.5.5　master.css　　　5.5.6　ie.css　　　5.5.7　你享受到的各種好處　　5.6　將.group用到Tugboat　　5.7　小結(jié)　第6章　浮動(dòng)的網(wǎng)格　第7章　技藝的細(xì)節(jié)

章節(jié)摘錄

　　不透明度的顏色和程度限制　　再次強(qiáng)調(diào)，和用圖片制作圓角一樣，使用拼接PNG制作半透明背景也有缺陷：如果你用圖片，就被限定在一種顏色和恒定的透明。如果你用RGBA來(lái)處理的話，你可以用樣式表在幾秒鐘內(nèi)改變色彩和不透明度——當(dāng)需要換顏色或調(diào)整透明度時(shí)不需要重新做圖。當(dāng)你在決定使用何種方法時(shí)，這個(gè)細(xì)節(jié)無(wú)疑是需要考慮到的因素——但是如果你不計(jì)較在不支持RGBA的瀏覽器中用不透明的顏色和其他替代方法，那快開始實(shí)驗(yàn)吧。　　3.5 制作原型的絕佳工具　　當(dāng)我們?cè)诘?章中談到如何利用border-radius時(shí)，我提出了我的看法，在這里談到RGBA時(shí)，我的看法還是一樣。無(wú)論你是否用RGBA制作網(wǎng)頁(yè)，在制作界面原型時(shí)它都是一件很好的工具。就是說(shuō)，如果你用Safari、Firefox或Opera開始進(jìn)行你的設(shè)計(jì)，那么RGBA就是很好的顏色和透明度的實(shí)驗(yàn)工具。任何改變和調(diào)整都可以用代碼快速簡(jiǎn)單地完成。

編輯推薦

　　技藝和Web設(shè)計(jì)之間存在著切實(shí)的聯(lián)系，這也是貫穿《無(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》的主題。本 書由暢銷書作家Dan cederholm主筆，并特邀著名Web設(shè)計(jì)、開發(fā)大　師Ethan Marcotte為《無(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》撰寫了其中一章內(nèi)容?！稛o(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》探討了可以在現(xiàn)　今瀏覽器中使用的CSS3屬性，從中你將認(rèn)識(shí)到，使用CSS3技術(shù)的時(shí)　機(jī)已經(jīng)到來(lái)。無(wú)論你是Web設(shè)計(jì)師、項(xiàng)目經(jīng)理還是平面設(shè)計(jì)師，只要　你想對(duì)Web設(shè)計(jì)中所要求的靈活性有更多了解，你就會(huì)從《無(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》中找　到創(chuàng)建最靈活、可靠、無(wú)懈可擊的web設(shè)計(jì)所需要的工具。此外，《無(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》還將教會(huì)讀者怎樣說(shuō)服客戶采用創(chuàng)新和高效的技術(shù)未提升用戶　體驗(yàn)?！稛o(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》共有7章，涉及Web制作中的多個(gè)方面，并均以Tugbat　Cofee公司的網(wǎng)站進(jìn)行實(shí)例講解?！稛o(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》專注于如何讓這個(gè)網(wǎng)站無(wú)懈可　擊，并展示漸進(jìn)增強(qiáng)技術(shù)相較于傳統(tǒng)的勞動(dòng)密集型Wb制作方法的優(yōu)　勢(shì)?！稛o(wú)懈可擊的Web設(shè)計(jì)（2）：CSS深入應(yīng)用》包含的主題如下?！　閷?lái)預(yù)料不到的應(yīng)用制作Web頁(yè)　　使用CS3屬性的漸進(jìn)增強(qiáng)設(shè)計(jì)　　用RGBA顏色實(shí)現(xiàn)alpha通道透明　　模塊的浮動(dòng)管理　　建立靈活的框架　　使用基于網(wǎng)格的設(shè)計(jì)原理來(lái)制作彈性布局　　排版、jQuery和滾動(dòng)背景的技藝細(xì)節(jié)

圖書封面

圖書標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    無(wú)懈可擊的Web設(shè)計(jì)II PDF格式下載

---