超越CSS

內(nèi)容概要

本書系統(tǒng)、深入地闡釋了網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，幫助讀者從設(shè)計(jì)的角度來使用CSS以達(dá)到完美的效果。作者通過使用標(biāo)記和CSS的形象的創(chuàng)造性示例，幫助讀者掌握實(shí)現(xiàn)創(chuàng)意設(shè)計(jì)的方法。讀者將學(xué)會(huì)如何使用新的設(shè)計(jì)流程，創(chuàng)建對(duì)包括設(shè)計(jì)師在內(nèi)的所有團(tuán)隊(duì)成員都很好用的原型，有效地使用網(wǎng)格，設(shè)計(jì)標(biāo)記的視覺效果，并了解優(yōu)秀設(shè)計(jì)過程的每一個(gè)階段——從使用最新的瀏覽器到在團(tuán)隊(duì)協(xié)作中高效地應(yīng)用CSS3。 　　本書適合Web設(shè)計(jì)師和開發(fā)人員研讀，對(duì)那些客戶要求高、工作節(jié)奏快的設(shè)計(jì)師有著尤其重要的指導(dǎo)作用。本書也適合有一定基礎(chǔ)的Web設(shè)計(jì)愛好者閱讀。

作者簡介

Andy Clarke，近十年來一直從事Web工作。他是英國的一個(gè)Web平面設(shè)計(jì)師。從1998年開始，從事設(shè)計(jì)顧問工作，提供設(shè)計(jì)的素材和創(chuàng)意（www.stuffandnonsence.co.uk）。
　  作為首席設(shè)計(jì)師和創(chuàng)意總監(jiān)，他涉及的工作領(lǐng)域包括本地與全國性企業(yè)、慈善團(tuán)體與政府機(jī)構(gòu)。此外，他還為英

書籍目錄

1. 發(fā)現(xiàn)　　1.1　超越CSS簡介　　　1.1.1　需要什么樣的工具來開始學(xué)習(xí)　　　1.1.2　為什么需要超越CSS　　　1.1.3　盡情地發(fā)揮創(chuàng)造力　　　1.1.4　輔助功能本身就是設(shè)計(jì)，而不應(yīng)僅把它當(dāng)成一個(gè)特性　　　1.1.5　向超越CSS進(jìn)發(fā)　　1.2　 超越CSS原則　　　1.2.1　不是所有的瀏覽器都顯示相同的設(shè)計(jì)　　　1.2.2　運(yùn)用所有有效的CSS選擇符　　　1.2.3　CSS3：展望未來　　　1.2.4　運(yùn)用JavaScript和DOM來彌補(bǔ)CSS的不足　　　1.2.5　避免運(yùn)用Hacks和濾鏡　　1.2.6　使用富含語義的命名規(guī)范和微型格式　　　1.2.7　分享你的想法，與他人協(xié)作　　1.3　什么使超越CSS變得可能　　　1.3.1　意想不到的CSS用途　　　1.3.2　瀏覽器分級(jí)支持　　　1.3.3　發(fā)現(xiàn)，過程，靈感，超越　　1.4　突出內(nèi)容的設(shè)計(jì)　　　1.4.1　突出內(nèi)容的途徑　　　1.4.2　一個(gè)典型的沒經(jīng)過優(yōu)化的CSS布局　　　1.4.3　優(yōu)化內(nèi)容順序而不管有還是沒有樣式　　1.5　語義就是含義　　　1.5.1　“CSS 裸體日”　　　1.5.2　將含義翻譯成標(biāo)記：這個(gè)標(biāo)記是正確的　　　1.5.3　內(nèi)容告訴你了什么　　　1.5.4　語義的前行　　1.6　標(biāo)記這個(gè)世界　　　1.6.1　整個(gè)世界是一個(gè)列表；每一項(xiàng)都扮演著它自己的角色　　　1.6.2　環(huán)視四座皆列表　　　1.6.3　給我寄一張舊金山的hCard 　　　1.6.4　學(xué)會(huì)拓寬視野　　　1.6.5　從“內(nèi)容”開始工作　　1.7　是時(shí)候整理一下你所學(xué)的知識(shí)了　2. 過程　　2.1　尋找最佳工作流程　　　2.1.1　尋找更好的方式　　　2.1.2　遵循基于內(nèi)容的過程　　2.2　搜集內(nèi)容　　2.3　使用框架圖來工作　　　2.3.1　傳統(tǒng)的框架圖在哪里會(huì)失效　　　2.3.2　框架圖有商業(yè)價(jià)值嗎　　　2.3.3　傳統(tǒng)框架圖以及交互腳本　　2.4　使用灰盒方法改進(jìn)　　2.5　創(chuàng)建靜態(tài)設(shè)計(jì)　　　2.5.1　更快地通過設(shè)計(jì)流程　　　2.5.2　把標(biāo)簽指南加入靜態(tài)設(shè)計(jì)　　2.6　使用交互原型　　　2.6.1　交互原型使夢想成真　　　2.6.2　創(chuàng)建可重用的代碼　　　2.6.3　框架圖和原型的模型　　　2.6.4　所見即所得：你看到了什么　　2.7　遵循交互原型最佳實(shí)踐　　　2.7.1　選擇用于開發(fā)的瀏覽器　　　2.7.2　使用瀏覽器插件　　　2.7.3　盡可能少地使用 div 元素　　　2.7.4　確保標(biāo)簽是有效的　　　2.7.5　選擇定位優(yōu)先于浮動(dòng)　　2.7.6　組織CSS　　2.8　過程的實(shí)踐　　　2.8.1　著眼于組成部分　　　2.8.2　編寫分離內(nèi)容的標(biāo)簽　　　2.8.3　用CSS實(shí)現(xiàn)靜態(tài)設(shè)計(jì)　　　2.8.4　構(gòu)建布局　　　2.8.5　從body開始　　　2.8.6　繼續(xù)向前還是移交　　　2.8.7　基本顏色樣式　　　2.8.8　創(chuàng)建商標(biāo)　　　2.8.9　加上Logo　　　2.8.10　導(dǎo)航條樣式　　　2.8.11　設(shè)計(jì)頁腳樣式　　　2.8.12　理解元素的排版樣式　　2.9　匯總　3. 靈感　　3.1　引入基于網(wǎng)格的設(shè)計(jì)　　　3.1.1　設(shè)計(jì)師與網(wǎng)格　　　3.1.2　黃金比例和三分之一規(guī)則　　　3.1.3　純粹的彈性布局　　　3.1.4　合理的網(wǎng)格設(shè)計(jì)　　3.2　當(dāng)今Web設(shè)計(jì)中的網(wǎng)格　　　3.2.1　減法　　　3.2.2　Airbag Industries 　　　3.2.3　Jeff Croft　　　3.2.4　Veerle的博客　　3.3　尋找Web之外的網(wǎng)格　　3.4　為Web設(shè)計(jì)帶來新的網(wǎng)格　　　3.4.1　打破新聞　　　3.4.2　以網(wǎng)格作為指導(dǎo)　　　3.4.3　揭穿小秘密　　　3.4.4　著迷于新聞手法　　　3.4.5　保持你的畫面　　3.5　在意想不到的地方發(fā)現(xiàn)靈感　　　3.5.1　把主頁改頭換面　　　3.5.2　引入基調(diào)板　　　3.5.3　擁有一個(gè)設(shè)計(jì)剪貼簿　　　3.5.4　要獲得界面靈感去看雜志吧　　　3.5.5　獲得版式靈感　　　3.5.6　重新審視Flash設(shè)計(jì)　　　3.5.7　使用圖片與相片　　3.6　精美的藝術(shù)活動(dòng)　　　3.6.1　設(shè)計(jì)不僅僅是創(chuàng)建引人注目的視覺效果　　　3.6.2　不要把焦點(diǎn)放在技術(shù)上　　　3.6.3　提升基調(diào)　　　3.6.4　尋找不同觀點(diǎn)　　　3.6.5　帶著目標(biāo)剪貼　　3.7　Web設(shè)計(jì)的美術(shù)　4. 卓越　　4.1　卓越的CSS　　　4.1.1　絕對(duì)定位　　　4.1.2　相對(duì)定位　　　4.1.3　浮動(dòng)的創(chuàng)意　　　4.1.4　創(chuàng)建側(cè)邊欄　　　4.1.5　結(jié)合多種技術(shù)　　4.2　CSS3（三倍好運(yùn)） 　　　4.2.1　各部分的匯總　　　4.2.2　開發(fā)新的標(biāo)準(zhǔn)　　　4.2.3　回到未來　　　4.2.4　使用CSS3選擇符模塊進(jìn)行設(shè)計(jì)　　　4.2.5　使用斑馬紋提高可讀性　　　4.2.6　使用背景和邊框模塊進(jìn)行設(shè)計(jì)　　　4.2.7　使用多幅背景圖片進(jìn)行設(shè)計(jì)　　　4.2.8　設(shè)計(jì)多欄布局　　　4.2.9　使用多欄布局模塊　　4.3　高級(jí)布局　　　4.3.1　回到網(wǎng)格（Grid） 　　　4.3.2　使用高級(jí)布局模塊進(jìn)行設(shè)計(jì)　　4.4　結(jié)束語　

編輯推薦

　　著名設(shè)計(jì)師Andy Clarke悉心傳授“超越CSS”方法，《CSS禪意花園》作者隆重推薦并擔(dān)任技術(shù)編輯?！　?duì)于普遍缺乏編程經(jīng)驗(yàn)的Web設(shè)計(jì)師來說，語義標(biāo)記和CSS無疑是實(shí)現(xiàn)自由設(shè)計(jì)的障礙。如果沒有高效工作流的支持，快節(jié)奏的工作環(huán)境和較高的客戶要求都將意味著巨大的壓力和挑戰(zhàn)。　　國際著名Web設(shè)計(jì)師Andy Clarke對(duì)這種情況有著切身的體會(huì)。在本書中，Andy將與您分享他的“超越CSS”方法，引導(dǎo)讀者從設(shè)計(jì)的角度來使用CSS，來創(chuàng)建富有藝術(shù)性并且可用、易用的站點(diǎn)?！　≡谶@本開創(chuàng)性的著作中，作者通過可視化的范例來展示標(biāo)記和CSS的創(chuàng)造性，帶領(lǐng)您掌握實(shí)現(xiàn)創(chuàng)意的設(shè)計(jì)方法。您將學(xué)會(huì)：　　·如何使用新的工作流來創(chuàng)建對(duì)所有團(tuán)隊(duì)成員——包括設(shè)計(jì)師在內(nèi)——都非常好用的原型；　　·有效地使用網(wǎng)格；　　·設(shè)計(jì)標(biāo)記的視覺效果：　　·如何把握優(yōu)秀設(shè)計(jì)過程的每一個(gè)階段——從使用最新的瀏覽器到在團(tuán)隊(duì)協(xié)作中高效地運(yùn)用CSS3，等等?！　eb設(shè)計(jì)和CSS領(lǐng)域著名專家，Andy Clarke權(quán)威著作：　　·使用可視化方式幫助您學(xué)習(xí)編碼技術(shù)；　　·包含大量世界級(jí)網(wǎng)站實(shí)例、攝影作品和其他靈感素材，傳授視覺化代碼的思想；　　·帶領(lǐng)您體驗(yàn)新的Web瀏覽器中組成CSS3規(guī)范的先進(jìn)技術(shù)?！　　癆ndy Clarke擁有一種神秘的能力。能讓你重新思考你所熟知的事物，并奇怪為什么以前一直沒有按他的方式做?！薄　　白x過《CSS禪意花園》，然后呢？Clarke先生給我們帶來了答案！”　　——Dave Shea，《CSS禪意花園》作者

圖書封面

圖書標(biāo)簽Tags

無

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

---

    超越CSS PDF格式下載

---