編輯推薦
《CSS Web設計高級教程(第2版)》由淺入深地對基於Web標準的大規模專業級CSSWeb站點進行了研究,對一些常見問題提供了易於理解的解決方法,對如何高效開發以CSS驅動的專業級Web設計給出了實用的方案。
《CSS Web設計高級教程(第2版)》主要內容
使用含CSS的XHTML的最佳實踐
如何使部落格在外觀和感覺上煥然一新
一個擁有數百萬用戶的Web站點的設計細節
在Web站點中包含陰影、下拉選單和嵌入式Flash內容的技術
解決瀏覽器兼容問題和開發功能性導航結構的技巧
通過CSS編碼定製Web站點的方法
如何創建HTMLEmail模板和基本HTML表格布局,以及CSS在文中所起的作用
格線和布局對設計的重要性
《CSS Web設計高級教程(第2版)》讀者對象
《CSS Web設計高級教程(第2版)》針對希望透徹了解如何用CSS倉,J建專業水平Web站點的Web開發人員。
內容簡介
本書注重Web開發的實踐,每章以現實中的Web站點為例,提供了很多容易理解的CSS技巧和技術,例如,如何實現翻轉器、陰影、下拉選單、CSS切換、部落格、HTML Email模板,如何克服瀏覽器的兼容問題,如何構建CSS布局等。對如何高效開發以CSS驅動的專業級設計給出了實用的方案。 本書內容豐富詳實,注重Web 開發的最佳實踐,反映了自第1版發行以來CSS Web 設計所發生的變化。每章都以現實中的Web 站點為例,提供了很多便於理解的CSS技巧和技術,這些技巧和技術已在特定站點得到套用。各章演示了Web 站點從開始到結束的設計過程,深入探討了設計人員如何克服在站點開發過程中遇到的特殊挑戰,並提供了解決問題的不同方法。 本書由淺入深地對基於Web 標準的大規模專業級CSS Web 站點進行了研究,對……
圖書目錄
第1章 有關XHTML和CSS的最佳實例
1.1 把結構和表現標記硬擠在一起
1.2 學習並熱衷於使用標記
1.2.1 XHTML:新熱點
1.2.2 從結構提取樣式
1.3 CSS:添加樣式層
1.3.1 更好地了解選擇符
1.3.2 其他選擇符
1.3.3 多重聲明組合
1.3.4 對選擇符進行分組
1.3.5 繼承
1.3.6 綜合套用
1.4 了解層疊
1.4.1 探尋樣式來源
1.4.2 根據優先權排序
1.4.3 根據順序排序
1.5 把理論套用於實踐
1.5.1 基於可靠瀏覽器進行構建
1.5.2 理性對待hack
1.5.3 與hack有關的問題
1.5.4 編寫hack的技巧
1.6 小結
第2章 GoogIe的blogger.com:翻轉器和設計思想
2.1 設計人員訪談
2.2 CSS驅動的翻轉器
2.2.1 改變連結的顏色和背景色(簡單)
2.2.2 改變連結的顏色和背景色(複雜)
2.2.3 所要完成的工作
2.2.4 改變表格行的背景色
2.2.5 改變文本顏色
2.2.6 改變連結的背景位置
2.3 小結
第3章 經典的美國職業高爾夫聯盟錦標賽網站
3.1 陰影效果的實現
3.1.1 創建幻覺效果
3.1.2 使陰影更真實
3.2 創建CSS下拉選單
3.2.1 定製下拉選單位置
3.2.2 定製下拉選單的樣式
3.3 與Web標準兼容的Flash嵌入
3.3.1 使用Flash Satay方法
3.3.2 用JavaScript編寫object/embed標籤
3.3 3 SWFObeject
3.4 小結
第4章 佛羅里達大學主頁UFL.edu
4.1 UF第一個Web站點回顧
4.1.1 對修改版本的反思
4.1.2 對目前網站的分析
4.2 網站定義
4.2.1 組建開發團隊
4.2.2 從用戶研究著手
4.2.3 自我檢查
4.2.4 定義技術規範
4.3 構建主導航結構
4.3.1 XHTML
4.3.2 CSS
4.3.3 圖像
4.3.4 實現細節
4.3.5 框線的構建
4.3.6 段落題頭樣式
4.3.7 列表樣式
4.4 實現輔助導航
4.4.1 XHTML
4.4.2 CSS"
4.5 再論Flash的嵌入
4.5.1 FlashSatay方法回顧
4.5.2 伺服器端的FlashSatay檢測
4.6 尋找設計中的失誤
4.6.1 僅憑示例引導
4.6.2 “習慣勢力”和“誰移動了我的輸入框
4.7 小結
第5章 StuffandNonsenseCSS切換策略
5.1 基礎準備
5.2 CSS切換
5.3 工作機制
5.3.1 永久樣式表
5.3.2 首選樣式表
5.3.3 備選樣式表
5.3.4 又一個(幾乎)完全不能用的方案
5.4 目前的解決方案
5.4.1 轉向JavaScript
5.4.2 PHP方案
5.5 超越瀏覽器的CSS
5.5.1 媒體類型:康復的開始
5.5.2 選擇問題
5.6 StufandNonsense:創建一個更好的切換器
5.7 設計師AndyClarke訪談
5.8 小結
第6章 CindyLicom的風險投資:部落格修改山
6.1 部落格
6.2 CSS:CindyLi開部落格
6.3 設計要素
6.3.1 創建布局
6.3.2 對設計進行布局
6.4 創建站點
6.4.1 設計導航條
6.4.2 創建翻轉圖形
6.4.3 設定導航標記和css
6.4.4 整合翻轉器
6.5 設定說話框
6.5.1 說話框編碼
6.5.2 再次套用這種效果
6.5.3 添加Flickr徽章
6.6 複選框樣式
6.7 小結
第7章 AIGA辛辛那提分會:HTMLemail模板
7.1 HTMLEamil簡介
7.2 製造模板
7.2.1 列印設計
7.2.2 創建HTML表格布局
7.2.3 對設計進行調整
7.2.4 對HTMLemail模板的CSS規則的效果分析
7.3 嵌入樣式
7.4 為HTMLemail進行預處理
7.5 小結
第8章 專業CSS圖書網站:透明PNG圖像的使用
8.1 PNG和瀏覽器支持
8.1.1 在IE6中使用PNG的圖像過濾方案
8.1.2 在IE6中使用PNG的HTC腳本方案
8.1.3 PNG圖像的顏色問題
8.2 使用Alpha透明
8.2.1 更好的陰影
8.2.2 使用彩色陰影
8.3 小結
第9章 構建CSS布局
9.1 格線與布局
9.2 做列印所不能做的事
9.3 CSS定位基本原理
9.3.1 功能強大的絕對定位
9.3.2 在相對定位容器內的絕對定位
9.4 創建三欄:布局的基礎
9.4.1 編寫XHTML從模式到標記
9.4.2 樣式層
9.4.3 解決瀏覽器錯誤
9.4.4 IE5x十/Win
9.5 設定邊界:max-wido屬性
9.6 小結
附錄A HTML4.01元素
附錄B 從HTML到XHTML的轉換規則
附錄C CSS2.1 屬性
附錄D CSS故障排除指南