CSS網站布局實錄:基於Web標準的網站設計指南

CSS網站布局實錄:基於Web標準的網站設計指南

《CSS網站布局實錄:基於Web標準的網站設計指南》是2007年科學出版社出版的圖書,作者是李超

基本介紹

  • 書名:CSS網站布局實錄:基於Web標準的網站設計指南
  • 作者:李超
  • ISBN:9787030193421
  • 類別:計算機
  • 定價:39.00 元
  • 出版社:科學出版社
  • 出版時間:2007
  • 裝幀:普通
  • 開本:16
內容簡介,前言,精彩評論,編輯推薦,目錄,

內容簡介

★國內第1本基於Web標準的CSS布局著作技術增值升級版!
★講述基於Web標準的套用CSS進行網站布局設計與重構的典範之作!
本書特色
1、知識全面、完美套用
CSS選擇器、樣式繼承、層疊、格式化、XML標籤、CSS濾鏡等。
文本、圖像、超連結、列表、選單、網站導航、表單、數據表格、浮動布局等CSS布局控制。
2、智慧型、創造型布局思維
智慧、完美視覺藝術效果之CSS布局技巧、CSSHack實踐戰略。
3、Web技術團隊傾情奉獻
來自CSS布局與Web標準套用之先驅——閃客帝國的Web套用技術團隊。
頂尖Web設計師和Web套用開發人員的完整經驗、技術傾囊奉獻。
4、國外網站重構經典作品引進、拓展
Web2.0標準與CSS重構技術——國外經典之作結合之典範。
本書內容上主要以實例為主,一步步的告訴大家如何開始新的、符合Web標準的CSS布局設計。由於CSS布局設計從本質上與傳統的表格式布局有著截然不同的思考方式與做法,因此本書的編寫重點將放在如何轉變思路和如何實際操作的問題上。

前言

本書適合讀者
目前Web標準大潮已經席捲了國內的網站設計領域,許多網站設計師開始學習並套用Web標準,本書就是在這一時期推出的一本利用Web標準進行網頁設計的指南。適用於所有網站設計師以及網站開發人員。本書力求以最簡單的方法與大家一起探討Web標準進行網頁設計的方方面面,逐步幫助大家了解什麼是Web標準,什麼是表現與內容分離以及CSS布局。CSS布局是Web標準中的一個核心技術內容,本書正是以CSS布局為全書的主體內容,探討CSS布局的入門知識與高級技巧等,從版式布局到細節設計再到瀏覽器兼容性,逐步學習與掌握CSS布局。希望能夠藉以本書的內容,幫助大家改變傳統的網站設計思維,進入基於Web標準的網頁設計領域。.
本書內容
本書內容上主要以實例為主,一步步的告訴大家如何開始新的、符合Web標準的CSS布局設計。由於CSS布局設計從本質上與傳統的表格式布局有著截然不同的思考方式與做法,因此本書的編寫重點將放在如何轉變思路和如何實際操作的問題上。
在第2章,我們開始介紹使用CSS布局之後所需要的XHTML與CSS的基礎知識,雖然許多設計師對HTML與CSS都有一定的了解,但是在CSS布局時代,我們需要更全面的去了解XHTML與CSS的更多信息,Web標準要求我們實現一種深層次的表現與內容的分離,我們需要掌握更多的方法來對網頁中的信息進行構造,從而實現這一目標。
一個完整的網頁主要由版式布局與導航、列表、標題、正文等諸多細節元素構建而成,而在傳統表格式布局中,這些元素幾乎全部由table元素構建。使用CSS進行網頁布局要求我們合理的利用每一個元素對網頁進行構建,因此本書的第3”第5章節都將圍繞如何進行網頁的布局與細節設計進行探討,了解這些最核心的設計元素。我們將從版式布局開始,逐步細化到網頁中的每一個元素,最終了解利用CSS來進行網頁設計布局完整過程。..
在後面章節中,我們將拓展我們的思路,第6章CSS高級套用與技巧中,我們將對CSS中的一些容易混淆的元素進行詳細了解,並且了解一些使用CSS構建特殊樣式,如柱狀圖,進度條等。在第7章瀏覽器兼容與解析問題中,我們將分析目前主流的一些瀏覽器與版本,幫助大家解決實際套用中的兼容性問題。
對於在現實中的CSS套用問題,本書絕不是讓大家陷入代碼設計的胡同,在第8章中,我們將介紹使用Dreamweaver 8來構建CSS網站,幫助大家快速高效的進行網站設計。
通過閱讀本書,我們將得到新的網站設計思考方式、全新的XHTML與CSS使用方式、幫助大家創建更具創造性、高效、易於維護與訪問的網站。
如何閱讀本書
本書的編寫採用循序漸進的方式,依次為Web標準與CSS布局概述、XHTML與CSS基礎、CSS布局入門、CSS頁面元素設計、排版、CSS高級技巧、瀏覽器兼容與解析、可視化開發與調試、Web標準語思錄等內容。我們推薦從頭到尾進行閱讀,如果已經掌握了許多設計方法,本書也可以成為一本隨身手冊,在瀏覽器兼容與解析問題一章中你能夠方便的找到適合改善自己網站兼容性的方法。在CSS高級技巧中,你也能夠看到許多讓自己的設計進一步提升的方法與思路。如果需要學習如何使用可視化的所見即所得編輯器(Dreamweaver 8)來設計CSS布局的網站,也能夠通過可視化開發與調試這一章節找到相應的內容。而在本書的最後一章中,你將能看到國內知名的網站站長與設計師在此方面的建議與心得。
本書為了使讀者更好的理解與掌握CSS布局方法,在大部分章節之中,除了提供本書中的實例教程之外,還從網路上收集了在此方面具有獨道之處的網站,就這些現實存在的網站在這些設計問題上的實現方法進行解析,以幫助大家快速理解並行之有效的套用到自己的工作之中。另外在本書中有很多的實例供大家參考,當然最重要的還是大家的努力去嘗試~~~

精彩評論

說良心話,內容真不賴,特別是有點網頁標準基礎,卻不知道如何把“標準”貫徹到實際工作中去的人(比如我這樣的)。一章章的翻過去,命中的都是要害,不禁心中暗喜。看這樣一本“糟粕與精華並存、弱智與天才的化身”的書,就好象是在做賊一般。感覺不是在看一本真金白銀買來的書,而更象是偷看一個江湖上鮮見的手抄本……刺激!--網友
本書以實例為主,一步步地告訴大家如何進行符合Web2.0標準的CSS布局設計。具備了知識全面、完美套用(CSS選擇器、樣式繼承、層疊、格式化、XML標籤、CSS濾鏡等。文本、圖像、超連結、列表、選單、網站導航、表單、數據表格、浮動布局等CSS布局控制。)智慧型、創造型布局思維(智慧、完美視覺藝術效果之CSS布局技巧、CSSHack實踐戰略),Web技術團隊傾情奉獻(來自CSS布局與Web標準套用之先驅——閃客帝國的Web套用技術團隊,頂尖Web設計師和Web套用開發人員的完整經驗、技術傾囊奉獻),國外網站重構經典作品引進、拓展(Web2.0標準與CSS重構技術——國外經典之作結合之典範實戰)等特色。選例實用,講解透徹。
本書內容豐富,注重思維方法與實踐套用,適合初、中級網頁設計愛好者和希望使用Web標準對原有網頁進行重構的專業網頁設計師,同時也是任何網站開發相關人員手中不可缺少的資料。

編輯推薦

國內第1本基於Web標準的CSS布局著作技術增值升級版。
本書是一本講述基於Web標準的套用CSS進行網站布局設計與重構的典範之作。
本書以實例為主,一步步地告訴大家如何進行符合Web2.0標準的CSS布局設計。具備了知識全面、完美套用(CSS選擇器、樣式繼承、層疊、格式化、XML標籤、CSS濾鏡等。文本、圖像、超連結、列表、選單、網站導航、表單、數據表格、浮動布局等CSS布局控制。)智慧型、創造型布局思維(智慧、完美視覺藝術效果之CSS布局技巧、CSSHack實踐戰略),Web技術團隊傾情奉獻(來自CSS布局與Web標準套用之先驅——閃客帝國的Web套用技術團隊,頂尖Web設計師和Web套用開發人員的完整經驗、技術傾囊奉獻),國外網站重構經典作品引進、拓展(Web2.0標準與CSS重構技術——國外經典之作結合之典範實戰)等特色。選例實用,講解透徹。
本書內容豐富,注重思維方法與實踐套用,適合初、中級網頁設計愛好者和希望使用Web標準對原有網頁進行重構的專業網頁設計師,同時也是任何網站開發相關人員手中不可缺少的資料。

目錄

第1章 Web標準與CSS布局概述
1.1 Web標準的歷史及發展
1.2 Web標準的構成
1.3 Web標準有什麼好處
1.4 CSS布局與table布局的區別
1.5 如何向標準過渡
1.6 常見問題
第2章 XHTML與CSS基礎
2.1 XHTML基礎
2.2 選擇合適的doctype
2.3 選擇合適的標籤
2.4 給CSS留下接口
2.5 良好的XHTML編寫習慣
2.6 CSS語法結構
2.7 CSS數值單位
2.8 套用CSS到網頁中
2.9 CSS開發環境與調試環境
第3章 CSS網頁布局
3.1 認識div
3.2 一列固定寬度
3.3 一列自適應
3.4 二列固定寬度
3.5 二列寬度自適應
3.6 兩列右列寬度自適應
3.7 二列固定寬度居中
3.8 三列浮動中間列寬度自適應
3.9 高度自適應
第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 vs class
6.2 div vs span
6.3 CSS選擇符的命名
6.4 CSS檔案結構的設計與最佳化
6.5 CSS縮寫
6.6 CSS代碼最佳化
6.7 園角樣式設計
6.8 滑動門技術
6.9 小提示視窗
6.10 摺疊標籤
6.11 CSS數據圖表
6.12 切換樣式表(網站換膚)
6.13 XHTML與CSS校驗
6.14 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 IE斷頭台問題
第8章 CSS可視化開發與調試
8.1 Dreamweaver 8的CSS可視化開發
8.2 CSS代碼調試
8.3 Web Accessibility Toolbar
第9章 CSS布局套用實例解析
9.1 閃客帝國網站布局設計
9.2 Macromedia網站CSS分欄設計
附錄A Web標準語思錄
附錄B 相關資源及術語表

相關詞條

熱門詞條

聯絡我們