超越CSS

內(nèi)容概要

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

作者簡介

克拉克（Andy Clarke），國際著名Web設計師，W3C CSS工作組特邀專家，Web標準項目組成員。Andy擔任首席Web設計師和創(chuàng)意總監(jiān)多年，具有豐富的經(jīng)驗，并長期熱心于對Web設計師的培訓。本書正是他多年工作和培訓經(jīng)驗的結晶。?

書籍目錄

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

章節(jié)摘錄

　　1.極端翻新：家居版本 　　大部分的網(wǎng)站重構項目都遵循著一個簡單的方法以達到“極端翻新：家居版本”：向客戶大聲嚷：“這個網(wǎng)站不夠好，讓我們打碎它然后重建一個更大的，更浮華的，功能更加強大的！” 　　如果你想，現(xiàn)在就可以大聲叫喊，但是這種方式真的相當令人擔憂。很可能為了你所渴望的一些新的東西，舊網(wǎng)站原有的一點優(yōu)點也丟掉了。而且把網(wǎng)站推倒重來代價定然不菲，更不用說它的麻煩和工作的艱難了。 　　還有，不要忘了你的訪客；當他們再回你家時卻發(fā)現(xiàn)認不出你的房子了。他們甚至可能會把車一直往前開，錯誤地堵在鄰居街道最后那座沒有羅馬雕塑柱子的房子外面。 　　2.更衣室 　　當更衣室里的辯論者看到他們那舒適的臥室改造成了一個飛機場的休息室或者是有趣的西班牙風味酒吧時，看一下他們那震驚的表情。相應地，設計師創(chuàng)建出一種全新的外觀而沒有考慮什么對客戶是最好的。 　　我能夠想象在電視之外的真實商業(yè)世界中，如果更衣室的設計師以那種方式工作的話，將不會被請來為另一個房間做裝修。設計師永遠都不應該堅持自己認為的什么對客戶最好的猜想。他們應該總是考慮客戶以及最頻繁使用這個房間的人的需求。然后，你可以再次獲得像在房屋入侵者里一樣的客戶和經(jīng)理——那些只想付一點錢就盼望你能做出整個網(wǎng)站的客戶去使用那些殘余的標簽與CSS。 　　在木匠公司、油漆工公司和電工公司的沙發(fā)上耗了幾個小時之后，永遠別忘了要做個微笑的主人，我趕走睡意，并思考我看到的過程在Web設計中是否生效?！　　?/pre>








圖書封面



圖書標簽Tags
無




評論、評分、閱讀與下載



還沒讀過(96)
勉強可看(699)
一般般(119)
內(nèi)容豐富(4950)
強力推薦(405)


 


    超越CSS PDF格式下載