CSS禪意花園

出版時(shí)間：2012-7 出版社：人民郵電出版社作者：[美]Dave Shea　Molly E. Holzschlag 著頁(yè)數(shù)：273 字?jǐn)?shù)：557000
Tag標(biāo)簽：無(wú)

內(nèi)容概要

　　《CSS禪意花園(修訂版)》作者是世界著名的網(wǎng)站設(shè)計(jì)師，書(shū)中的范例來(lái)自網(wǎng)站設(shè)計(jì)領(lǐng)域最著名的網(wǎng)站——CSS Zen Garden(CSS禪意花園)。全書(shū)分為兩個(gè)主要部分。第1章為第一部分，討論網(wǎng)站“CSS禪意花園”及其最基本的主題，包含正確的標(biāo)記結(jié)構(gòu)和靈活性規(guī)劃等。第二部分包括6章，占據(jù)了本書(shū)的大部分篇幅。每章剖析“CSS禪意花園”收錄的6件設(shè)計(jì)作品，每章介紹的作品圍繞一個(gè)主要的設(shè)計(jì)概念展開(kāi)，如文字的使用等。通過(guò)探索36件設(shè)計(jì)作品面臨的挑戰(zhàn)和解決的問(wèn)題，讀者將洞悉主要的Web設(shè)計(jì)原則以及它們運(yùn)用的CSS布局技巧，理解CSS設(shè)計(jì)的精髓，恰當(dāng)?shù)靥幚韴D形和字體來(lái)創(chuàng)建界面優(yōu)美、性能優(yōu)良且具有強(qiáng)大生命力的網(wǎng)站。
　　《CSS禪意花園(修訂版)》原版書(shū)自出版以來(lái)持續(xù)暢銷(xiāo)，受到眾多網(wǎng)站設(shè)計(jì)師的推崇。本書(shū)適合網(wǎng)站設(shè)計(jì)人員和網(wǎng)站設(shè)計(jì)愛(ài)好者閱讀，更是專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)師必讀的經(jīng)典著作。

作者簡(jiǎn)介

Steven Holzner是一位專(zhuān)注于Ajax和JavaScript的Web領(lǐng)域的獲獎(jiǎng)作者。他編寫(xiě)了超過(guò)100本圖書(shū)，而且都是關(guān)于編程的話題，總銷(xiāo)量超過(guò)300萬(wàn)冊(cè)。他的圖書(shū)已經(jīng)翻譯成18種語(yǔ)言，遍布全世界，并且其中很多成為行業(yè)暢銷(xiāo)書(shū)。他曾是《PC Magazine》的撰稿編輯。他畢業(yè)于麻省理工學(xué)院(MIT)并獲得了康奈爾大學(xué)博士學(xué)位，曾經(jīng)在MIT和康奈爾大學(xué)任教。他是《The Dojo Toolkit: Visual QuickStart Guide》的作者。Dave Shea是一位圖像設(shè)計(jì)師，“CSS禪意花園”網(wǎng)站的創(chuàng)始人和耕耘者，該網(wǎng)站獲得了很多獎(jiǎng)項(xiàng)，包括SouthWest Interactive會(huì)議授予的“Best ofShow”。Dave Shea曾在全球的行業(yè)大會(huì)上發(fā)表演講，其作品被世界各地的書(shū)籍和雜志廣泛收錄。他還是Web標(biāo)準(zhǔn)項(xiàng)目(Web Standards Project，WaSP)的成員，該項(xiàng)目是一個(gè)由Web開(kāi)發(fā)人員和設(shè)計(jì)師組成的小組，致力于推廣基于跨平臺(tái)和標(biāo)準(zhǔn)技術(shù)的Web設(shè)計(jì)。DaveJ~是Web設(shè)計(jì)機(jī)構(gòu)Bright Creative的擁有者兼總監(jiān)，其在線出版物mezzoblue．com中所有的Web內(nèi)容幾乎均為Dave所作。

書(shū)籍目錄

目　錄
第1章　追本溯源　1
第2章　設(shè)計(jì)　39
2.1　Atlantis(亞特蘭蒂斯)　40
2.2　Zunflower　46
2.3　Springtime(春天)　52
2.4　Viridity(翠綠活力)　58
2.5　Ballade(敘事曲)　64
2.6　Night Drive　70
第3章　正文布局　77
3.1　Backyard(庭院)　78
3.2　Entomology(昆蟲(chóng)學(xué))　84
3.3　White Lily(白百合)　90
3.4　prêt-à-porter　96
3.5　CS(S) Monk　102
3.6　Not So Minimal　108
第4章　圖像　115
4.1　Japanese Garden(日式花園)　116
4.2　Revolution!(革命！)　122
4.3　Deco　128
4.4　No Frontiers!　134
4.5　Coastal Breeze　140
4.6　What Lies Beneath　146
第5章　字體排印　153
5.1　Oceans Apart(天水之間)　154
5.2　si6　160
5.3　Release One(釋放)　166
5.4　Dead or Alive(生與死)　172
5.5　Blood Lust(血色欲望)　178
5.6　Golden Mean(黃金平衡)　184
第6章　特效　191
6.1　This is Cereal　192
6.2　Gemination(雙子座)　198
6.3　Bonsai Sky(盆景天空)　204
6.4　Tulipe(郁金香)　210
6.5　door to my garden(花園之門(mén))　216
6.6　Elastic Lawn(綠草如茵)　222
第7章　重構(gòu)　229
7.1　Hedges(樹(shù)籬)　230
7.2　Radio Zen　236
7.3　South of the Border(南部邊境)　242
7.4　Corporate Zen Works　248
7.5　Open Window(敞開(kāi)窗口)　254
7.6　mnemonic(記憶)　260
結(jié)語(yǔ)　266

章節(jié)摘錄

版權(quán)頁(yè)：   插圖：    在隨后的標(biāo)題中，西方樣式成為主導(dǎo)，我們可以看到正文的多個(gè)標(biāo)題都使用了人們熟知的手指符號(hào)（圖5—4—5）。 另外的兩處裝飾是在作品的頂部和底部類(lèi)似錢(qián)幣紋理的圖樣（圖5—4—6）和一個(gè)寫(xiě)有“mikepick.com”的郵戳（圖5—4—7）。 若是沒(méi)有了裝飾和符號(hào)的恰當(dāng)運(yùn)用，要體現(xiàn)出這部作品的獨(dú)特風(fēng)格將會(huì)變得很困難。而恰如其分的修飾點(diǎn)綴也的確在強(qiáng)化這部作品的設(shè)計(jì)效果和傳達(dá)作品理念中起到了獨(dú)到的作用。 5.4.2 文字排布 文字排布和頁(yè)面元素的位置關(guān)系密切，先前我們已經(jīng)有了很多相關(guān)討論。不過(guò)在視覺(jué)元素布局的發(fā)展過(guò)程中，還有著更多科學(xué)理論和奇聞?shì)W事。 1.視覺(jué)行為 研究表明，人類(lèi)眼睛使用非常特殊的方式進(jìn)行閱讀。因而排版專(zhuān)業(yè)人員推薦我們遵循人們的閱讀方式進(jìn)行頁(yè)面布局（除非你要實(shí)現(xiàn)的是一種錯(cuò)亂的風(fēng)格）。 在從左向右閱讀的語(yǔ)言中，人們遵循一種特殊的模式閱讀文字，這在紙面和網(wǎng)頁(yè)設(shè)計(jì)中都是一樣的。 排版的主流理論認(rèn)為人類(lèi)視覺(jué)會(huì)自然地偏向于頁(yè)面的左上角，也就是所謂的視覺(jué)中心區(qū)。之后視線可以順暢地向右移動(dòng)，或是轉(zhuǎn)向新的一行，這樣逐漸趨近于頁(yè)面底端。在這個(gè)過(guò)程中，視線會(huì)將頁(yè)面的底端作為最終的?？奎c(diǎn)。在日常的設(shè)計(jì)中，設(shè)計(jì)師們都會(huì)遵循上述視覺(jué)原理（圖5—4—8）。2.使用“引力感"來(lái)引導(dǎo)視線視線被吸引的現(xiàn)象被形象地比喻為“引力”。就如地心的吸引作用那樣。視線也會(huì)自然地被作品的布局導(dǎo)引。 因此，將重要的站點(diǎn)標(biāo)志放置于視覺(jué)中心區(qū)，而把文字等其他元素置于頁(yè)面下部形成?？奎c(diǎn)的設(shè)計(jì)規(guī)則是非常合理的。而視線從右方轉(zhuǎn)向左側(cè)時(shí)形成的折點(diǎn)通常也是較易被瀏覽者關(guān)注的地方。于是我們可以得出如圖5—4—9中所示的理想化的站點(diǎn)模版，這和Dead or Alive中遵循的規(guī)則完全一致。 5.4.3 避免產(chǎn)生理解上的問(wèn)題 排版中的另一個(gè)問(wèn)題是如何保證人們能正確理解文字所傳達(dá)的消息。當(dāng)然，對(duì)那些專(zhuān)注于圖像而不是文字的實(shí)驗(yàn)性作品還需另當(dāng)別論。 1.標(biāo)題文字 標(biāo)題文字用來(lái)指明段落的主要內(nèi)容。如Dead or Alive中，標(biāo)題的樣式用于向?yàn)g覽者傳達(dá)作品的含義，同時(shí)也能起到強(qiáng)化作品整體效果的作用。

編輯推薦

《CSS禪意花園(修訂版)》閱讀的方式也沒(méi)有對(duì)錯(cuò)之分。既可以從頭開(kāi)始逐頁(yè)閱讀，也可以直接跳到感興趣的章節(jié)。讀者可以以任何非線性方式閱讀《CSS禪意花園(修訂版)》，以任何順序研究書(shū)中的每個(gè)作品?！禖SS禪意花園(修訂版)》原版書(shū)自出版以來(lái)持續(xù)暢銷(xiāo)，受到眾多網(wǎng)站設(shè)計(jì)師的推崇?！禖SS禪意花園(修訂版)》適合網(wǎng)站設(shè)計(jì)人員和網(wǎng)站設(shè)計(jì)愛(ài)好者閱讀，更是專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)師必讀的經(jīng)典著作。

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

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

還沒(méi)讀過(guò)(95)
勉強(qiáng)可看(693)
一般般(118)
內(nèi)容豐富(4901)
強(qiáng)力推薦(401)

CSS禪意花園 PDF格式下載

用戶評(píng)論 (總計(jì)89條)

在網(wǎng)上，看了一些禪意花園pdf版的書(shū)收益不小，為了能使自己的web技術(shù)得到更高的提升我想身邊擁有這本書(shū)是必須的，經(jīng)過(guò)一波三折，今天終于買(mǎi)到了這本書(shū)。網(wǎng)頁(yè)美工人員我建議應(yīng)該好好看看它，對(duì)你一定有不小的女收獲```前提條件是：用css技術(shù)編輯網(wǎng)頁(yè)
css很簡(jiǎn)單，寫(xiě)好的css代碼不簡(jiǎn)單。書(shū)中的經(jīng)驗(yàn)和方法很值得推敲借鑒。禪意花園。值得研究一下
老師說(shuō)過(guò)，很多設(shè)計(jì)師都推崇這本《禪意花園》，所以對(duì)網(wǎng)頁(yè)設(shè)計(jì)感興趣的都可以看看這本書(shū)。
平時(shí)都會(huì)去禪意花園這個(gè)網(wǎng)站去看，現(xiàn)在買(mǎi)了又買(mǎi)了一本書(shū)回來(lái)
這本書(shū),是根據(jù)意想. 創(chuàng)建界面.使用css靈感來(lái)沖擊視覺(jué).適合,有一定css經(jīng)驗(yàn)的人去讀的.感覺(jué)讀完會(huì)使自己的界面設(shè)計(jì)會(huì)提升一種境界.并非知識(shí)境界...而且創(chuàng)造境界. 我也在慢慢吸收知識(shí)中...
之前看過(guò)幾十頁(yè)電子版，覺(jué)得這樣偏重設(shè)計(jì)的書(shū)，還是看紙質(zhì)原版效果比較好。對(duì)于已經(jīng)了解學(xué)習(xí)過(guò)css的人而且對(duì)設(shè)計(jì)有想法的人來(lái)說(shuō)應(yīng)該是一本好書(shū)。
書(shū)有點(diǎn)薄，是彩色的，本以為很厚的。聽(tīng)說(shuō)這是很經(jīng)典的書(shū)，學(xué)css是一定要看的。。。。
有點(diǎn)新書(shū)的味道，現(xiàn)在不喜歡聞這個(gè)味道。內(nèi)容真的不錯(cuò)，非常好的學(xué)習(xí)css的書(shū)，值得一看
老公認(rèn)為是好書(shū)，CSS系列的好！
非常實(shí)用，有很多css的案例與代碼。
初學(xué)網(wǎng)站設(shè)計(jì)，感覺(jué)該書(shū)很不錯(cuò)，能將設(shè)計(jì)理念和網(wǎng)站設(shè)計(jì)結(jié)合在一起，相信學(xué)習(xí)了該書(shū)，也能制作出精美的網(wǎng)站。
不錯(cuò)的web設(shè)計(jì)，但最好有點(diǎn)基礎(chǔ)/
書(shū)正在看我16號(hào)上午提交的訂單，18號(hào)下午才出庫(kù)，有點(diǎn)慢，物流速度還行，只是出庫(kù)慢。還有就是那本《網(wǎng)站重構(gòu)》這本書(shū)什么時(shí)候有貨啊，我都等了很久，一直缺貨........
這本書(shū)講的是理念，真正要看到其中的設(shè)計(jì)內(nèi)涵，體會(huì)到每個(gè)作者的思路，這才有益于自身。這本不是入門(mén)書(shū)，要一定基礎(chǔ)。
書(shū)中的設(shè)計(jì)方案實(shí)用中不乏創(chuàng)意，對(duì)網(wǎng)頁(yè)設(shè)計(jì)思路的拓展很有幫助
給部門(mén)賣(mài)的書(shū)，隨手翻了翻，感覺(jué)不錯(cuò)。插圖挺多。布局也很好。
這本書(shū)知道了很久了，不過(guò)是第一版的，當(dāng)初就想買(mǎi)，但一直沒(méi)有貨，那天再找的時(shí)候發(fā)現(xiàn)這本書(shū)的第二版剛剛出來(lái)，沒(méi)什么考慮就買(mǎi)下來(lái)了，書(shū)看了大半，內(nèi)容很精彩，有很多小技巧和經(jīng)驗(yàn)在里面，非常不錯(cuò)的一本書(shū)
很漂亮的一本書(shū)，買(mǎi)之前沒(méi)有注意，收到后才發(fā)現(xiàn)，書(shū)是全彩印刷的！還沒(méi)來(lái)得及細(xì)看內(nèi)容，但是沒(méi)有配光盤(pán)，有點(diǎn)兒小遺憾，還好之前已經(jīng)看過(guò)相關(guān)代碼。
經(jīng)典書(shū)了，沒(méi)啥可說(shuō)的
書(shū)皮上面稍微有折痕但是不影響閱讀，同事們翻一翻都覺(jué)得書(shū)很超值，很有價(jià)值的一本書(shū)
經(jīng)典之作，不過(guò)適合有點(diǎn)基礎(chǔ)的看~
印刷質(zhì)量，紙張，真的很優(yōu)秀，買(mǎi)過(guò)最優(yōu)秀的一本書(shū)。很不錯(cuò)，看看能不能得到些靈感。
很經(jīng)典的一本書(shū)，講了很多案例。
書(shū)到了，還不錯(cuò)！評(píng)價(jià)晚了，不好意思?。?！很喜歡的一本書(shū)！
剛剛收到書(shū)，書(shū)的內(nèi)容看了點(diǎn)兒，還不錯(cuò)，和想像的差不多，會(huì)仔細(xì)地看完。
內(nèi)容不錯(cuò)，能夠幫助我有效提高網(wǎng)頁(yè)制作的思路和水平！朋友一直推薦的書(shū)，果然不負(fù)我所望?。?/li>
這邊書(shū)質(zhì)量還可以，印刷不錯(cuò)，還沒(méi)來(lái)得及看內(nèi)容
書(shū)到了，很喜歡，就是不知道這次變化的內(nèi)容都有哪些，除了價(jià)格以外
早就被介紹這本書(shū)了，雖然還沒(méi)仔細(xì)看，但感覺(jué)挺好的
經(jīng)典不多說(shuō)太多，你們懂的
書(shū)不錯(cuò)，就是需要一些美術(shù)鑒賞的功底啊。
很漂亮的書(shū),還沒(méi)看,不過(guò)覺(jué)得很好.
書(shū)的質(zhì)量很好，還沒(méi)細(xì)看。
正在研究，同事推薦的書(shū)應(yīng)該不錯(cuò)
非常棒，正合心意的一本書(shū)，不太適合初學(xué)者
經(jīng)高手介紹的。還待自己慢慢品嘗。
這本書(shū)還不錯(cuò)，紙張質(zhì)量很好，印刷清晰
很不錯(cuò)，開(kāi)始就很崇拜這本書(shū)，今天看了，質(zhì)量很是不錯(cuò)，里面彩色的畫(huà)面和分條講解，十分細(xì)致。
這本書(shū)值得學(xué)習(xí)，很好。。。
如果這本書(shū)有光盤(pán)就完美了
偶然看到，不錯(cuò)一本書(shū)，跟大家分享一下
內(nèi)容很棒很詳細(xì)
內(nèi)容沒(méi)來(lái)得及細(xì)看，印刷起碼不錯(cuò)
以前看了次PDF的，感覺(jué)很有觸發(fā)。所以就買(mǎi)了本研究，多看幾次。
難得的好書(shū)，讀了收獲也是挺大的。誰(shuí)買(mǎi)誰(shuí)知道?。。?/li>
看了一些，還可以，慢慢研究……
網(wǎng)頁(yè)很有創(chuàng)意，可以用精辟來(lái)形容
還沒(méi)開(kāi)始。應(yīng)該灰常好
關(guān)于設(shè)計(jì)方面，需要用心體會(huì)
作為初學(xué)者的指導(dǎo)書(shū)挺好的
喜歡，喜歡的不得了的好書(shū)，受益匪淺。
熟的質(zhì)量很不錯(cuò)，值得一看！
好書(shū),翻了一下，感覺(jué)是一本好書(shū),值得認(rèn)真研讀!
好書(shū)，沒(méi)什么可說(shuō)的，公認(rèn)的好書(shū)。
值得買(mǎi)來(lái)看看
到了還沒(méi)看
專(zhuān)門(mén)講css網(wǎng)站應(yīng)用的,需與css理論書(shū)搭配看
html花園設(shè)計(jì)
就是翻譯的感覺(jué)不怎么樣，有的句子都翻譯的很亂，讓人難理解
書(shū)很不錯(cuò)有光盤(pán)就完美了
物流太慢了，其他還不錯(cuò)
一般般啦，一般般啦，一般般啦，一般般啦，一般般啦，一般般啦，
雖然還沒(méi)看，但是隨便翻了一下，感覺(jué)不錯(cuò)，值得收藏
書(shū)是好書(shū)。但是有損壞，我也懶得換了。發(fā)貨都不檢查？還是專(zhuān)門(mén)發(fā)這種貨色的？
收到以后發(fā)現(xiàn)太舊了，不過(guò)只是封皮比較舊，其它地方還好。
有點(diǎn)太寫(xiě)意了，是好是壞各有所愛(ài)！
css禪意花園沒(méi)有想象中的好，雖然一直在說(shuō)設(shè)計(jì)上的東西，但是總感覺(jué)說(shuō)的太淺了，有個(gè)漸進(jìn)也好啊，讀者看完整體沒(méi)有什么特別大的感覺(jué)。沒(méi)有特別多的技術(shù)上的進(jìn)步
翻譯很爛，很多地方看得是一頭霧水。
質(zhì)量不行，有7.8頁(yè)根本都沒(méi)有裁開(kāi)
書(shū)很好，就是在書(shū)的背面有點(diǎn)損壞，其他都還可以的
書(shū)肯定是好書(shū)，結(jié)合實(shí)際案例，從設(shè)計(jì)角度談樣式，啟發(fā)性很大。但是給我寄過(guò)來(lái)壓的不成樣子，還塌了一個(gè)角，明顯是摔過(guò)的壓倉(cāng)貨，太黑心了，建議去別家購(gòu)買(mǎi)。
本意是想在書(shū)中學(xué)習(xí)一些CSS的使用技巧，但書(shū)中太多的內(nèi)容講的是網(wǎng)頁(yè)設(shè)計(jì)方面的理念，沒(méi)有滿足最初的期望。
書(shū)是可以，可惜邊角褶皺。。。。。。
如圖書(shū)名一樣，很精致。也確如序言中所說(shuō)的那樣，比較小資~
本書(shū)沒(méi)有光盤(pán)，對(duì)于學(xué)習(xí)起來(lái)不太方便該書(shū)明顯又被人已經(jīng)翻閱過(guò) 不是全新的里面一些頁(yè)面有很明顯的認(rèn)人為褶皺！！
CSS的經(jīng)典書(shū)籍，從設(shè)計(jì)到編碼講述的很詳細(xì)
正在學(xué)習(xí)中，能學(xué)到很多css藝術(shù)設(shè)計(jì)方面的知識(shí)
這本書(shū)內(nèi)容很多，但可能篇幅所限，感覺(jué)對(duì)每個(gè)頁(yè)面風(fēng)格的剖析，雖有重點(diǎn)，卻不詳盡，也許只能靠自己多琢磨了。
禪意花園，細(xì)細(xì)欣賞！
書(shū)的內(nèi)容沒(méi)有問(wèn)題呀，就是包裝很單薄，在輸運(yùn)過(guò)程中把書(shū)給弄?dú)埩恕?/li>
個(gè)人覺(jué)得講的非常的好
主要介紹了CSS設(shè)計(jì)的理念和技巧，這個(gè)很重要。初學(xué)者不適合看這本書(shū)，web設(shè)計(jì)人員可以看看。所有編程，最重要的是程序思維和編程思想。
偏專(zhuān)業(yè)一些，不建議用來(lái)入門(mén)。內(nèi)容很精彩，好書(shū)！
沒(méi)有從代碼方面分析，授以思想、創(chuàng)意、思路
書(shū)不錯(cuò) 不過(guò)還沒(méi)看完彩色的
書(shū)不錯(cuò)，里面的內(nèi)容略顯古老
經(jīng)常買(mǎi)，不錯(cuò)，以后還會(huì)經(jīng)常買(mǎi)
里面的網(wǎng)頁(yè)太漂亮了！
CSS書(shū)不錯(cuò)

CSS禪意花園

用戶評(píng)論 (總計(jì)89條)

推薦圖書(shū)

相關(guān)圖書(shū)