超越CSS

超越CSS

《超越CSS:Web設計藝術精髓》由英國克拉克編寫,人民郵電出版社翻譯出版。本書系統、深入地闡釋了網站的設計與實現,幫助讀者從設計的角度來使用CSS以達到完美的效果。適合Web設計師和開發人員研讀,對那些客戶要求高、工作節奏快的設計師有著尤其重要的指導作用。本書也適合有一定基礎的Web設計愛好者閱讀。

基本信息

內容簡介

《超越CSS:Web設計藝術精髓》系統、深入地闡釋了網站的設計與實現,幫助讀者從設計的角度來使用CSS以達到完美的效果。作者通過使用標記和CSS的形象的創造性示例,幫助讀者掌握實現創意設計的方法。讀者將學會如何使用新的設計流程,創建對包括設計師在內的所有團隊成員都很好用的原型,有效地使用格線,設計標記的視覺效果,並了解優秀設計過程的每一個階段——從使用最新的瀏覽器到在團隊協作中高效地套用CSS3。

編輯推薦

《超越CSS:Web設計藝術精髓》適合Web設計師和開發人員研讀,對那些客戶要求高、工作節奏快的設計師有著尤其重要的指導作用。本書也適合有一定基礎的Web設計愛好者閱讀。

目錄

1. 發現

1.1超越CSS簡介

1.1.1需要什麼樣的工具來開始學習

1.1.2為什麼需要超越CSS

1.1.3盡情地發揮創造力

1.1.4輔助功能本身就是設計,而不應僅把它當成一個特性

1.1.5向超越CSS進發

1.2 超越CSS原則

1.2.1不是所有的瀏覽器都顯示相同的設計

1.2.2運用所有有效的CSS選擇符

1.2.3CSS3:展望未來

1.2.4運用JavaScript和DOM來彌補CSS的不足

1.2.5避免運用Hacks和濾鏡

1.2.6使用富含語義的命名規範和微型格式

1.2.7分享你的想法,與他人協作

1.3什麼使超越CSS變得可能

1.3.1意想不到的CSS用途

1.3.2瀏覽器分級支持

1.3.3發現,過程,靈感,超越

1.4突出內容的設計

1.4.1突出內容的途徑

1.4.2一個典型的沒經過最佳化的CSS布局

1.4.3最佳化內容順序而不管有還是沒有樣式

1.5語義就是含義

1.5.1“CSS 裸體日”

1.5.2將含義翻譯成標記:這個標記是正確的

1.5.3內容告訴你了什麼

1.5.4語義的前行

1.6標記這個世界

1.6.1整個世界是一個列表;每一項都扮演著它自己的角色

1.6.2環視四座皆列表

1.6.3給我寄一張舊金山的hCard

1.6.4學會拓寬視野

1.6.5從“內容”開始工作

1.7是時候整理一下你所學的知識了

2. 過程

2.1尋找最佳工作流程

2.1.1尋找更好的方式

2.1.2遵循基於內容的過程

2.2蒐集內容

2.3使用框架圖來工作

2.3.1傳統的框架圖在哪裡會失效

2.3.2框架圖有商業價值嗎

2.3.3傳統框架圖以及互動腳本

2.4使用灰盒方法改進

2.5創建靜態設計

2.5.1更快地通過設計流程

2.5.2把標籤指南加入靜態設計

2.6使用互動原型

2.6.1互動原型使夢想成真

2.6.2創建可重用的代碼

2.6.3框架圖和原型的模型

2.6.4所見即所得:你看到了什麼

2.7遵循互動原型最佳實踐

2.7.1選擇用於開發的瀏覽器

2.7.2使用瀏覽器外掛程式

2.7.3儘可能少地使用 div 元素

2.7.4確保標籤是有效的

2.7.5選擇定位優先於浮動

2.7.6組織CSS

2.8過程的實踐

2.8.1著眼於組成部分

2.8.2編寫分離內容的標籤

2.8.3用CSS實現靜態設計

2.8.4構建布局

2.8.5從body開始

2.8.6繼續向前還是移交

2.8.7基本顏色樣式

2.8.8創建商標

2.8.9加上Logo

2.8.10導航條樣式

2.8.11設計頁腳樣式

2.8.12理解元素的排版樣式

2.9匯總

3. 靈感

3.1引入基於格線的設計

3.1.1設計師與格線

3.1.2黃金比例和三分之一規則

3.1.3純粹的彈性布局

3.1.4合理的格線設計

3.2當今Web設計中的格線

3.2.1減法

3.2.2Airbag Industries

3.2.3Jeff Croft

3.2.4Veerle的部落格

3.3尋找Web之外的格線

3.4為Web設計帶來新的格線

3.4.1打破新聞

3.4.2以格線作為指導

3.4.3揭穿小秘密

3.4.4著迷於新聞手法

3.4.5保持你的畫面

3.5在意想不到的地方發現靈感

3.5.1把主頁改頭換面

3.5.2引入基調板

3.5.3擁有一個設計剪貼簿

3.5.4要獲得界面靈感去看雜誌吧

3.5.5獲得版式靈感

3.5.6重新審視Flash設計

3.5.7使用圖片與相片

3.6精美的藝術活動

3.6.1設計不僅僅是創建引人注目的視覺效果

3.6.2不要把焦點放在技術上

3.6.3提升基調

3.6.4尋找不同觀點

3.6.5帶著目標剪貼

3.7Web設計的美術

4. 卓越

4.1卓越的CSS

4.1.1絕對定位

4.1.2相對定位

4.1.3浮動的創意

4.1.4創建側邊欄

4.1.5結合多種技術

4.2CSS3(三倍好運)

4.2.1各部分的匯總

4.2.2開發新的標準

4.2.3回到未來

4.2.4使用CSS3選擇符模組進行設計

4.2.5使用斑馬紋提高可讀性

4.2.6使用背景和框線模組進行設計

4.2.7使用多幅背景圖片進行設計

4.2.8設計多欄布局

4.2.9使用多欄布局模組

4.3高級布局

4.3.1回到格線(Grid)

4.3.2使用高級布局模組進行設計

4.4結束語

相關詞條

相關搜尋

熱門詞條

聯絡我們