基本信息
在當前如火如荼的Web 2.0新浪潮中,一切基於Web標準。本書正是一本講述基於Web標準的套用CSS利用進行網站布局設計與重構的典範之作。本書內容豐富,注重思維方法與實踐套用,適合初、中級網頁設計愛好者和希望使用Web標準對原有網頁進行重構的專業網頁設計師,是任何網站開發相關人員手中,不可缺少的資料。
本書特色
1、知識全面、完美套用
CSS選擇器、樣式繼承、層疊、格式化、XML標籤、CSS濾鏡等。
文本、圖像、超連結、列表、選單、網站導航、表單、數據表格、浮動布局等CSS布局控制。
2、智慧型、創造型布局思維
智慧、完美視覺藝術效果之CSS布局技巧、CSS Hack實踐戰略。
3、Web技術團隊傾情奉獻
來自CSS布局與Web標準套用之先驅——閃客帝國的Web套用技術團隊。
頂尖Web設計師和Web套用開發人員的完整經驗、技術傾囊奉獻。
4、國外網站重構經典作品引進、拓展
Web 2.0標準與CSS重構技術——國外經典之作結合之典範。
內容簡介
本書以最簡單的方法與大家一起探討Web標準進行網頁設計的方方面面,以CSS布局為全書的主體內容,探討CSS布局的入門知識與高級技巧等,從版式布局到細節設計再到瀏覽器兼容性,逐步學習與掌握CSS布局。本書適用於所有網站設計師以及網站開發人員。全書分為10章,內容為Web標準與CSS布局、CSS元素、CSS布局排版、XHTML與CSS校驗、瀏覽器解析與CSS的兼容性、CSS可視化開發實例等,實例實用,講解透徹。
本書以實例為主,一步步的告訴大家如何開始新的、符合Web標準的CSS布局設計。由於CSS布局設計從本質上與傳統的表格式布局有著截然不同的思考方式與做法,因此本書編寫重點放在如何轉變思路和實際操作。
編輯推薦
本書是一本講述基於Web標準的套用CSS進行網站布局設計與重構的典範之作。本書以實例為主,一步步地告訴大家如何進行符合Web 2.0標準的CSS布局設計。具備了知識全面、完美套用(CSS選擇器、樣式繼承、層疊、格式化、XML標籤、CSS濾鏡等。文本、圖像、超連結、列表、選單、網站導航、表單、數據表格、浮動布局等CSS布局控制。)智慧型、創造型布局思維(智慧、完美視覺藝術效果之CSS布局技巧、CSS Hack實踐戰略),Web技術團隊傾情奉獻(來自CSS布局與Web標準套用之先驅——閃客帝國的Web套用技術團隊,頂尖Web設計師和Web套用開發人員的完整經驗、技術傾囊奉獻),國外網站重構經典作品引進、拓展(Web2.0標準與CSS重構技術——國外經典之作結合之典範實戰)等特色。選例實用,講解透徹。
本書內容豐富,注重思維方法與實踐套用,適合初、中級網頁設計愛好者和希望使用Web標準對原有網頁進行重構的專業網頁設計師,同時也是任何網站開發相關人員手中不可缺少的資料。
目錄
第1章 Web標準與CSS布局概述
1.1 Web標準的歷史及發展1.1.1 什麼是Web標準
1.1.2 Web表現層技術
1.1.3 Web標準的歷史
1.2 Web標準的構成
1.2.1 結構(Structure)
1.2.2 表現(Presentation)
1.2.3 行為(Behavior)
1.3 Web標準有什麼好處
1.4 CSS布局與table布局的區別
1.5 如何向標準過渡
1.6 常見問題
1.7 面向現在與未來的設計
第2章 XHTML與CSS基礎
2.1 XHTML基礎2.2 選擇合適的DTD
2.3 選擇合適的標籤
2.4 給CSS留下接口
2.5 良好的XHTML編寫習慣
2.6 CSS語法結構
2.7 CSS數據單位
2.8 套用CSS到網頁中
2.9 樣式優先權問題
2.10 代碼注釋
2.11 CSS開發環境與調試環境
第3章 CSS網頁布局
3.1 認識div3.2 一列固定寬度
3.3 一列自適應
3.4 二列固定寬度
3.5 二列寬度自適應
3.6 兩列右列寬度自適應
3.7 二列固定寬度居中
3.8 三列浮動中間列寬度自適應
3.9 高度自適應
3.10 盒模型詳解(Box Model)
3.11 深入浮動(Float)
3.12 絕對定位與相對定位
第4章 CSS網站元素設計
4.1 用CSS設計網站導航4.2 背景控制
4.3 列表元素使用
4.4 表單設計
4.5 字型及段落樣式設計
4.6 圖片樣式設計
4.7 連結樣式的控制
第5章 CSS內容排版
5.1 文字排版5.2 圖文混合排版
5.3 全圖排版
5.4 表格排版
第6章 CSS高級套用與技巧
6.1 id與class6.2 div與span
6.3 CSS選擇符的命名
6.4 CSS檔案結構的設計與最佳化
6.5 使用CSS縮寫
6.6 CSS代碼最佳化
6.7 園角樣式設計
6.8 滑動門技術
6.9 小提示視窗
6.10 圖像地圖
6.11 垂直居中
6.12 摺疊標籤
6.13 CSS數據圖表
6.14 切換樣式表(網站換膚)
6.15 XHTML與CSS校驗
6.16 Flash如何符合標準
第7章 瀏覽器兼容與解析問題
7.1 CSS hack技術7.2 IE條件注釋功能
7.3 盒模型問題
7.4 IE捉迷藏
7.5 ul的不同表現
7.6 IE 3px問題
7.7 高度不適應
7.8 IE6斷頭台問題
7.9 容器不擴展問題
7.10 IE7瀏覽器的一些變化
第8章 CSS可視化開發與調試
8.1 Dreamweaver 8的CSS可視化開發8.2 Dreamweaver CS3的CSS管理
8.3 CSS代碼調試
8.4 Web Accessibility Toolbar
第9章 CSS布局套用實例解析
9.1 閃客帝國網站布局設計9.2 Macromedia網站CSS分欄設計
附錄A Web標準語思錄
附錄B 相關資源及術語表