CSS網(wǎng)站布局實(shí)錄

內(nèi)容概要

　　國(guó)內(nèi)第1本基于Web標(biāo)準(zhǔn)的CSS布局著作！迎接Web 2.0標(biāo)準(zhǔn)時(shí)代，應(yīng)用CSS布局精華，打造符合Web標(biāo)準(zhǔn)的、表現(xiàn)與內(nèi)容分離的頁(yè)面設(shè)計(jì)。　　適用于所有網(wǎng)站設(shè)計(jì)師以及網(wǎng)站開(kāi)發(fā)人員。　　　　本書(shū)以最簡(jiǎn)單的方法與大家一起探討Web標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的方方面面，以CSS布局為全書(shū)的主體內(nèi)容，探討CSS布局的入門(mén)知識(shí)與高級(jí)技巧等，從版式布局到細(xì)節(jié)設(shè)計(jì)再到瀏覽器兼容性，逐步學(xué)習(xí)與掌握CSS布局?！　　　≡诋?dāng)前如火如荼的Web 2.0新浪潮中，一切基于Web標(biāo)準(zhǔn)。本書(shū)正是一本講述基于Web標(biāo)準(zhǔn)的應(yīng)用CSS利用進(jìn)行網(wǎng)站布局設(shè)計(jì)與重構(gòu)的典范之作?！　”緯?shū)以實(shí)例為主，一步步的告訴大家如何開(kāi)始新的、符合Web標(biāo)準(zhǔn)的CSS布局設(shè)計(jì)。由于CSS布局設(shè)計(jì)從本質(zhì)上與傳統(tǒng)的表格式布局有著截然不同的思考方式與做法，因此本書(shū)編寫(xiě)重點(diǎn)放在如何轉(zhuǎn)變思路和實(shí)際操作?！　∪珪?shū)分為10章，內(nèi)容為Web標(biāo)準(zhǔn)與CSS布局、CSS元素、CSS布局排版、XHTML與CSS校驗(yàn)、瀏覽器解析與CSS的兼容性、CSS可視化開(kāi)發(fā)實(shí)例等，實(shí)例實(shí)用，講解透徹?！　”緯?shū)作者是國(guó)內(nèi)首個(gè)采用WEB標(biāo)準(zhǔn)的大型國(guó)內(nèi)網(wǎng)站(閃客帝國(guó))的實(shí)施者，是國(guó)內(nèi)Web標(biāo)準(zhǔn)最早期的參與者?！　”緯?shū)內(nèi)容豐富，注重思維方法與實(shí)踐應(yīng)用，適合初、中級(jí)網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者和希望使用Web標(biāo)準(zhǔn)對(duì)原有網(wǎng)頁(yè)進(jìn)行重構(gòu)的專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師，是任何網(wǎng)站開(kāi)發(fā)相關(guān)人員手中，不可缺少的資料。

書(shū)籍目錄

第1章　Web標(biāo)準(zhǔn)與CSS布局概述1.1 Web標(biāo)準(zhǔn)的歷史及發(fā)展1.1.1什么是Web標(biāo)準(zhǔn)1.1.2 Web表現(xiàn)層技術(shù)1.1.3 Web標(biāo)準(zhǔn)的歷史1.2 Web標(biāo)準(zhǔn)的構(gòu)成1.2.1結(jié)構(gòu)(Structure)1.2.2表現(xiàn)(Presentation)1.2.3行為(Behavior)1.3 Web標(biāo)準(zhǔn)有什么好處1.4 CSS布局與table布局的區(qū)別1.4.1 CSS 2.0的優(yōu)勢(shì)1.4.2傳統(tǒng)的table布局VS.CSS布局1.5如何向標(biāo)準(zhǔn)過(guò)渡1.5.1從HTML轉(zhuǎn)向XHTML1.5.2發(fā)揮CSS 2.0的作用1.6常見(jiàn)問(wèn)題1.6.1什么樣的網(wǎng)站才符合Web標(biāo)準(zhǔn)1.6.2使用Web標(biāo)準(zhǔn)之后表格還有用嗎.1.6.3可以繼續(xù)使用HTML來(lái)設(shè)計(jì)網(wǎng)頁(yè)嗎1.6.4為什么不直接過(guò)渡到XMI1.6.5學(xué)習(xí)CSS布局比表格難嗎1.6.6 CSS布局是不是意味著必須手寫(xiě)代碼1.6.7什么叫網(wǎng)站重構(gòu)?1.6.8使用Web標(biāo)準(zhǔn)之后就不再存在兼容性問(wèn)題了嗎1.6.9有沒(méi)有Web標(biāo)準(zhǔn)方面的優(yōu)秀圖書(shū)或網(wǎng)站第2章　XHTML與CSS基礎(chǔ)2.1 XHTML基礎(chǔ)2.2選擇合適的doctype2.3選擇合適的標(biāo)簽2.4.給CSS留下接口2.5良好的XHTML編寫(xiě)習(xí)慣2.6 CSS語(yǔ)法結(jié)構(gòu)2.6.1 CSS屬性與選擇符2.6.2類(lèi)型選擇符2.6.3群組選擇符2.6.4包含選擇符2.6.5 id及class選擇符2.6.6標(biāo)簽指定式選擇符2.6.7組合選擇符2.6.8偽類(lèi)及偽對(duì)象2.6.9通配選擇符2.7 CSS數(shù)值單位2.8應(yīng)用CSS到網(wǎng)頁(yè)中2.8.1行間樣式表2.8.2內(nèi)部樣式表2.8.3外部樣式表2.9 CSS開(kāi)發(fā)環(huán)境與調(diào)試環(huán)境第3章　CSS網(wǎng)頁(yè)布局3.1認(rèn)識(shí)div3.1.1 div是什么3.1.2如何使用div3.1.3理解div3.1.4 div的并列與嵌套結(jié)構(gòu)3.1.5使用合適的對(duì)象來(lái)布局3.2一列固定寬度3.3一列自適應(yīng)3.4二列固定寬度3.5二列寬度自適應(yīng)3.6兩列右列寬度自適應(yīng)3.7二列固定寬度居中3.8三列浮動(dòng)中間列寬度自適應(yīng)3.9高度自適應(yīng)第4章　CSS網(wǎng)站元素設(shè)計(jì)4.1用CSS設(shè)計(jì)網(wǎng)站導(dǎo)航4.1.1橫向?qū)Ш?.1.2縱向?qū)Ш?.1.3下拉及多級(jí)彈出式菜單4.1.4門(mén)戶網(wǎng)站的導(dǎo)航設(shè)計(jì)(閃客帝國(guó))4.2背景控制4.2.1背景色4.2.2背景圖片4.2.3背景定位4.2.4背景滾動(dòng)4.2.5背景屬性縮寫(xiě)4.2.6基于背景控制的導(dǎo)航優(yōu)化4.3列表元素使用4.3.1 ul無(wú)序列表4.3.2 01有序列表4.3.3改變項(xiàng)目符號(hào)樣式4.3.4使用圖片自定義項(xiàng)目符號(hào)4.3.5使列表變?yōu)槎温?.3.6列表縮進(jìn)排版4.3.7復(fù)雜列表的排版4.4表單設(shè)計(jì)4.4.1改變輸入框及文本域樣式4.4.2改變下拉列表樣式4.4.3改變按鈕樣式4.4.4表單布局設(shè)計(jì)4.4.5使用label標(biāo)簽提升表單可用性.4.4.6表單設(shè)計(jì)的其他建議4.5字體及段落樣式設(shè)計(jì)4.5.1應(yīng)用字體樣式4.5.2應(yīng)用段落樣式4.6圖片樣式設(shè)計(jì)4.6.1圖片定位4.6.2圖片剪切4.6.3圖片替代文本4.7鏈接樣式的控制4.7.1鏈接控制4.7.2 CSS按鈕4.7.3圖片翻轉(zhuǎn)鏈接4.7.4面包屑導(dǎo)航鏈接第5章　CSS內(nèi)容排版5.1文字排版5.1.1通欄排版5.1.2分欄排版5.2圖文混合排版5.2.1圖片基礎(chǔ)控制5.2.2不規(guī)則文字環(huán)繞5.3全圖排版5.4表格排版5.4.1充分使用表格對(duì)象的標(biāo)簽5.4.2表格樣式控制5.4.3表單表格設(shè)計(jì)第6章　CSS高級(jí)應(yīng)用與技巧6.1 id vs class6.1.1什么是id6.1.2什么情況下使用id6.1.3什么是class6.1.4什么情況下使用class6.1.5 id使用與網(wǎng)站結(jié)構(gòu)6.2 div Vs span613 CSS選擇符的命名6.3.1大小寫(xiě)敏感6.3.2合法字符及組合6.3.3命名建議6.4 CSS文件結(jié)構(gòu)的設(shè)計(jì)與優(yōu)化6.4.1導(dǎo)入6.4.2結(jié)構(gòu)6.5 CSS縮寫(xiě)6.5.1 font字體縮寫(xiě)6.5.2 margin與padding邊距縮寫(xiě)6.5.3 border邊框縮寫(xiě)6.5.4 list列表縮寫(xiě)6.5.5 background背景縮寫(xiě)6.5.6 color顏色縮寫(xiě)6.6 CSS代碼優(yōu)化6.6.1增加代碼重用率6.6.2使用樣式覆蓋進(jìn)行簡(jiǎn)化.6.7園角樣式設(shè)計(jì)6.8滑動(dòng)門(mén)技術(shù)6.9小提示窗口6.10折疊標(biāo)簽6.11 CSS數(shù)據(jù)圖表6.11.1初級(jí)樣式(進(jìn)度條)6.11.2復(fù)合樣式(滑動(dòng)條)6.11.3柱狀圖6.12切換樣式表(網(wǎng)站換膚)6.13 XHTML與CSS校驗(yàn)6.13.1 XHTML校驗(yàn)器6.13.2 CSS校驗(yàn)器6.14 Flash如何符合標(biāo)準(zhǔn)第7章　瀏覽器兼容與解析問(wèn)題7.1 CSS hack技術(shù)7.1.1如何使用CSS hack7.1.2常用CSS hack使用方法7.1.3 CSS hack管理7.2 IE條件注釋功能7.3盒模型問(wèn)題7.3.1盒尺寸7.3.2盒模型hack7.3.3簡(jiǎn)單盒模型hack方法7.4 IE捉迷藏7.5 ul的不同表現(xiàn)7.6 IE 3px問(wèn)題7.7高度不適應(yīng)7.8 IE斷頭臺(tái)問(wèn)題第8章　CSS可視化開(kāi)發(fā)與調(diào)試8.1Dreamweaver 8的CSS可視化開(kāi)發(fā)8.1.1對(duì)CSS支持的界面變化8.1.2可視CSS輔助功能8.1.3瀏覽器檢查及驗(yàn)證標(biāo)記8.1.4創(chuàng)建CSS布局頁(yè)面8.2 CSS代碼調(diào)試8.2.1安裝Firefox Web Developer8.2.2界面總覽8.2.3主要功能8.3 Web Accessibility Toolbar8.3.1安裝8.3.2界面與功能總覽第9章　CSS布局應(yīng)用實(shí)例解析9.1閃客帝國(guó)網(wǎng)站布局設(shè)計(jì)9.1.1界面設(shè)計(jì)9.1.2 CSS文件結(jié)構(gòu)設(shè)計(jì)9.1.3首頁(yè)布局設(shè)計(jì)9.2 Macromedia網(wǎng)站CSS分欄設(shè)計(jì)附錄A　Web標(biāo)準(zhǔn)語(yǔ)思錄A.1 Web上的中文排版A.2我來(lái)說(shuō)點(diǎn)兒Ajax的事兒A.3 Web標(biāo)準(zhǔn)的思考A.4閃客帝國(guó)網(wǎng)站重構(gòu)訪談附錄B　相關(guān)資源及術(shù)語(yǔ)表B.1相關(guān)網(wǎng)站B.2相關(guān)書(shū)籍B.3相關(guān)工具B.4術(shù)語(yǔ)表

媒體關(guān)注與評(píng)論

　　一本讓人又愛(ài)又恨的書(shū)　　不過(guò)說(shuō)良心話，內(nèi)容真不賴，特別是有點(diǎn)網(wǎng)頁(yè)標(biāo)準(zhǔn)基礎(chǔ)，卻不知道如何把“標(biāo)準(zhǔn)”貫徹到實(shí)際工作中去的人（比如我這樣的）。一章章的翻過(guò)去，命中的都是要害，不禁心中暗喜?？催@樣一本“糟粕與精華并存、弱智與天才的化身”的書(shū)，就好象是在做賊一般。感覺(jué)不是在看一本真金白銀買(mǎi)來(lái)的書(shū)，而更象是偷看一個(gè)江湖上鮮見(jiàn)的手抄本……刺激！　　——網(wǎng)友　黑店掌柜

編輯推薦

　　國(guó)內(nèi)第1本基于Web標(biāo)準(zhǔn)的CSS布局著作！迎接Web 2.0標(biāo)準(zhǔn)時(shí)代，應(yīng)用CSS布局精華，打造符合Web標(biāo)準(zhǔn)的、表現(xiàn)與內(nèi)容分離的頁(yè)面設(shè)計(jì)。　　適用于所有網(wǎng)站設(shè)計(jì)師以及網(wǎng)站開(kāi)發(fā)人員。　　本書(shū)以最簡(jiǎn)單的方法與大家一起探討Web標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的方方面面，以CSS布局為全書(shū)的主體內(nèi)容，探討CSS布局的入門(mén)知識(shí)與高級(jí)技巧等，從版式布局到細(xì)節(jié)設(shè)計(jì)再到瀏覽器兼容性，逐步學(xué)習(xí)與掌握CSS布局。　　一本讓人又愛(ài)又恨的書(shū)　　不過(guò)說(shuō)良心話，內(nèi)容真不賴，特別是有點(diǎn)網(wǎng)頁(yè)標(biāo)準(zhǔn)基礎(chǔ)，卻不知道如何把“標(biāo)準(zhǔn)”貫徹到實(shí)際工作中去的人（比如我這樣的）。一章章的翻過(guò)去，命中的都是要害，不禁心中暗喜?？催@樣一本“糟粕與精華并存、弱智與天才的化身”的書(shū)，就好象是在做賊一般。感覺(jué)不是在看一本真金白銀買(mǎi)來(lái)的書(shū)，而更象是偷看一個(gè)江湖上鮮見(jiàn)的手抄本……刺激！　　——網(wǎng)友　黑店掌柜　　目前Web標(biāo)準(zhǔn)大潮已經(jīng)席卷了國(guó)內(nèi)的網(wǎng)站設(shè)計(jì)領(lǐng)域，許多網(wǎng)站設(shè)計(jì)師開(kāi)始學(xué)習(xí)并應(yīng)用Web標(biāo)準(zhǔn)，本書(shū)就是在這一時(shí)期推出的一本利用Web標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的指南。以實(shí)例為主，一步步地告訴大家如何開(kāi)始新的，符合Web標(biāo)準(zhǔn)的CSS布局設(shè)計(jì)。編寫(xiě)重點(diǎn)放在如何轉(zhuǎn)變思路和如何實(shí)際操作。力求以最簡(jiǎn)單的方法與大家一起探討Web標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的方方面面，以CSS布局為全書(shū)的主體內(nèi)容，探討CSS布局的入門(mén)知識(shí)與高級(jí)技巧等，從版式布局到細(xì)節(jié)設(shè)計(jì)再到瀏覽器兼容性，逐步學(xué)習(xí)與掌握CSS布局。希望能夠幫助讀者改變傳統(tǒng)的網(wǎng)站設(shè)計(jì)思維，進(jìn)入基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域。

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    CSS網(wǎng)站布局實(shí)錄 PDF格式下載

---