CSS藝匠之門

CSS藝匠之門

《CSS藝匠之門》一書從標題、圖片、背景、導航、表單、表格和圓角效果等幾方面,介紹CSS設計的神奇作用。該書適合各種層次的Web設計人員、Web開發人員及對Web設計有興趣的個人計算機用戶。對於初學者,可以跟隨書中的實例一步步地學習,從而很快上手,也可以把書中的實例直接運用到實際設計中。

基本信息

內容簡介

CSS藝匠之門

《CSS藝匠之門》將CSS和JavaScript兩種技術有效地結合起來,每一章都通過實例介紹如何設計普通網站的組件。根據這些方法,讀者將學會使用很多便捷的技術在現代瀏覽器中完成複雜的設計。

《CSS藝匠之門》設計技巧豐富,並配有漂亮的圖片,還給出了一個能夠幫助讀者實現自己的創作靈感的工具包。

《CSS藝匠之門》適合各種層次的Web設計人員、Web開發人員及對Web設計有興趣的個人計算機用戶。對於初學者,可以跟隨書中的實例一步步地學習,從而很快上手,也可以把書中的實例直接運用到實際設計中。

編輯推薦

基於標準的設計既無聊又毫無激情。真是這樣嗎?再好好想想。

基於CSS的設計不一定是無聊的。《CSS藝匠之門》匯集了一群天才設計師的智慧和經驗,他們將演示如何通過完全符合標準的CSS為用於網站設計的構建模組(如標題、導航、表單等)賦予活力。《CSS藝匠之門》可以指導讀者進行網站設計,使得設計好的網站能在所有瀏覽器上正常顯示,具有良好的可維護性和可訪問性,而且有很棒的視覺效果。

作者簡介

Cameron Adams做Internet業務已經有七年多,目前管理著自己的設計和開發公司。他的個人網站是美學和技術的結合,網站上包含同樣多的設計、JavaScript和CSS技術。.

Jina Bolton是一位互動設計師,在孟菲斯藝術學院計算機藝術和圖形設計專業取得美術學士學位。她除了從事CSS Professional Style和Web Designing雜誌的相關工作,還為不同的事務所和組織提供諮詢,包括W3C。她喜歡旅行,正在學習義大利語,而且自認為是一位壽司迷。

圖書目錄

第1章 標題

1.1 層次 1

1.2 個性標識 3

1.3 圖片替換 5

1.3.1 文本縮進 6

1.3.2 添加額外的標記 8

1.4 Flash替換 10

1.4.1 提供基本的標記和CSS 12

1.4.2 提供字型 13

1.4.3 定製JavaScript 14

1.4.4 包含CSS檔案 16

1.4.5 調整CSS 17

1.5 小結 19

第2章 圖片

2.1 圖片庫 21

2.1.1 創建圖片頁面 22

2.1.2 創建縮略圖頁面 32

2.1.3 創建相冊頁面 37

2.2 上下文相關圖片 44

2.2.1 放置介紹性圖片 45

2.2.2 設定圖片和標題的樣式 50

2.2.3 創建偏移的標題 60

2.3 更多資源 62

2.4 小結 62

第3章 背景

3.1 背景的基本概念 64

3.2 案例研究:Deadwood設計 67

3.3 背景的未來 79

3.3.1 多個背景的可能性 79

3.3.2 background-size屬性 80

3.3.3 background-origin屬性 80

3.4 小結 81

第4章 導航

4.1 標記 82

4.2 基本的垂直導航 83

4.2.1 設定未排序列表的樣式 84

4.2.2 設定最後一個選單項的樣式 85

4.2.3 調試InternetExplorer 86

4.2.4 添加“你的位置”提示 88

4.3 基本的水平導航 91

4.4 標籤導航 94

4.4.1 套用標籤圖片 95

4.4.2 激活“你的位置”狀態 97

4.5 寬度可變的標籤 99

4.5.1 套用標籤圖片 99

4.5.2 套用鼠標懸停樣式 101

4.5.3 添加“你的位置”狀態 102

4.6 高級的垂直導航 103

4.6.1 創建導航矩陣 104

4.6.2 套用樣式 105

4.6.3 激活滑鼠懸停狀態 107

4.7 小結 111

第5章 表單

5.1 可訪問的表單標記 113

5.1.1 為表單元素添加標籤 114

5.1.2 將相關元素分組 115

5.2 表單布局 117

5.2.1 利用CSS 119

5.2.2 套用fieldset和legend樣式 128

5.2.3 將單選按鈕和複選框分組 138

5.3 必需的域和錯誤信息 142

5.3.1 指示必需的域 142

5.3.2 處理錯誤信息 144

5.4 小結 147

第6章 圓角

6.1 靈活性 149

6.1.1 垂直靈活性 149

6.1.2 垂直和水平靈活性 161

6.2 體驗圓角技術 173

6.3 小結 174

第7章 表格

7.1 結構 175

7.1.1 table元素 176

7.1.2caption元素 179

7.1.3theadtbody和tfoot元素 179

7.1.4 tr元素 180

7.1.5 th和td元素 180

7.1.6 col和colgroup元素 182

7.2 設定樣式 184

7.2.1 使用table元素 185

7.2.2 設定表列的樣式 186

7.2.3 格式化caption元素 187

7.2.4 套用成功的背景 187

7.3 作用中的table元素 190

7.3.1 給表格式日曆設定樣式 190

7.3.2 表格的條紋效果 193

7.4 使用JavaScript 196

7.4.1 表行和表列的高亮效果 196

7.4.2 其他想法 199

7.5 未來 199

7.6 小結 201

……

相關搜尋

熱門詞條

聯絡我們