CSS Web設(shè)計(jì)高級教程

前言

　　設(shè)計(jì)人員是典型的創(chuàng)造型人才，偏愛通過右腦思考，而注重技術(shù)細(xì)節(jié)的程序員則偏愛于用左腦思考?！　〉?dāng)面對Web設(shè)計(jì)的挑戰(zhàn)時，設(shè)計(jì)人員則會運(yùn)用稱為CSS（Cascading Style Sheet，層疊樣式表）的設(shè)計(jì)技術(shù)?！　SS是由Worldwide Web Consortium（W3C）制定的一個Web標(biāo)記標(biāo)準(zhǔn)集，該標(biāo)準(zhǔn)集用于定義Web頁面中的一致樣式，并把該模板應(yīng)用于多個頁面。CSS本質(zhì)上是一種技術(shù)，這種技術(shù)在很大程度上必須通過手工編寫以創(chuàng)建一些強(qiáng)制性規(guī)則。這樣大多數(shù)設(shè)計(jì)人員要完成自己的工作就必須編寫大量的代碼?！　∥覀儾恍枰粫謱慞ostScript的設(shè)計(jì)人員，而是需要能利用 Adobe Illustrator提供的可視化編程環(huán)境（代碼隱藏在背景中）來編寫PostScrilpt文件的設(shè)計(jì)人員?！　‘?dāng)wYSIWYG（What you see is what you get，所見即所得）Web頁面編輯人員的可視化編程經(jīng)驗(yàn)越來越豐富時，這些應(yīng)用軟件不再是真正的專業(yè)CSS設(shè)計(jì)工具，如Illustrator中的PostScripty那樣?！　SS還存在一個與瀏覽器兼容的問題，但PostScript不存在這樣的問題。瀏覽器開發(fā)商在其瀏覽器中沒有及時支持這種技術(shù)。即使對CSS的支持越來越好（特別是在IE 7 forWindows~戶對CSS的良好支持），但當(dāng)設(shè)計(jì)人員試圖在老的或過時的瀏覽器上支持他們的設(shè)計(jì)時仍會遇到問題。這意味著有必要深入研究CSS，并編寫一些hack（在本書指一些修復(fù)瀏覽器錯誤的代碼）和一些迂回解決方案。　　也就意味著應(yīng)該花更多的時間來編寫和修改代碼，而不應(yīng)該把過多時間花在WY.SIYG工具的使用上?！　〖词沽私釩SS的基本元素（屬性、取值、選擇符等），要充分利用這項(xiàng)技術(shù)也是很困難的，甚至?xí)谷烁械骄趩省SS會妨礙我們中的大部分人，不論是對w3C規(guī)范有很好了解的人，還是那些懷著畏懼心理瀏覽這些規(guī)范的人?！　恼娼嵌瓤矗珻SS確實(shí)是一種工具。　　一旦設(shè)計(jì)人員掌握了該技術(shù)的基本元素，了解了其目的，并獲得了該技術(shù)的足夠經(jīng)驗(yàn)，幾乎任何一個畫在餐巾紙上或用Adobe Photoshop完成的設(shè)計(jì)思想都可以被實(shí)現(xiàn)。

內(nèi)容概要

本書注重Web開發(fā)的實(shí)踐，每章以現(xiàn)實(shí)中的Web站點(diǎn)為例，提供了很多容易理解的CSS技巧和技術(shù)，例如，如何實(shí)現(xiàn)翻轉(zhuǎn)器、陰影、下拉菜單、CSS切換、博客、HTML Email模板，如何克服瀏覽器的兼容問題，如何構(gòu)建CSS布局等。對如何高效開發(fā)以CSSS驅(qū)動的專業(yè)級設(shè)計(jì)給出了實(shí)用的方案。

書籍目錄

第1章  有關(guān)XHTML和CSS的最佳實(shí)例  1.1　把結(jié)構(gòu)和表現(xiàn)標(biāo)記硬擠在一起  1.2　學(xué)習(xí)并熱衷于使用標(biāo)記    1.2.1　XHTML：新熱點(diǎn)    1.2.2　從結(jié)構(gòu)提取樣式  1.3　CSS：添加樣式層    1.3.1　更好地了解選擇符    1.3.2　其他選擇符    1.3.3　多重聲明組合    1.3.4　對選擇符進(jìn)行分組    1.3.5　繼承    1.3.6　綜合應(yīng)用  1.4  了解層疊    1.4.1　探尋樣式來源    1.4.2　根據(jù)優(yōu)先級排序    1.4.3　根據(jù)順序排序  1.5　把理論應(yīng)用于實(shí)踐    1.5.1　基于可靠瀏覽器進(jìn)行構(gòu)建    1.5.2　理性對待hack    1.5.3　與hack有關(guān)的問題    1.5.4　編寫hack的技巧  1.6  小結(jié)第2章  GoogIe的blogger.com：翻轉(zhuǎn)器和設(shè)計(jì)思想  2.1　設(shè)計(jì)人員訪談  2.2　CSS驅(qū)動的翻轉(zhuǎn)器    2.2.1  改變鏈接的顏色和背景色（簡單）    2.2.2　改變鏈接的顏色和背景色（復(fù)雜）    2.2.3　所要完成的工作    2.2.4　改變表格行的背景色    2.2.5　改變文本顏色    2.2.6　改變鏈接的背景位置  2.3  小結(jié)第3章　經(jīng)典的美國職業(yè)高爾夫聯(lián)盟錦標(biāo)賽網(wǎng)站  3.1  陰影效果的實(shí)現(xiàn)    3.1.1　創(chuàng)建幻覺效果    3.1.2　使陰影更真實(shí)  3.2　創(chuàng)建CSS下拉菜單    3.2.1  定制下拉菜單位置    3.2.2　定制下拉菜單的樣式  3.3　與Web標(biāo)準(zhǔn)兼容的Flash嵌入    3.3.1　使用Flash Satay方法    3.3.2　用JavaScript編寫object/embed標(biāo)簽    3.3 3　SWFObeject  3.4  小結(jié)第4章　佛羅里達(dá)大學(xué)主頁UFL.edu  4.1　UF第一個Web站點(diǎn)回顧    4.1.1　對修改版本的反思    4.1.2　對目前網(wǎng)站的分析  4.2　網(wǎng)站定義    4.2.1　組建開發(fā)團(tuán)隊(duì)    4.2.2　從用戶研究著手    4.2.3  自我檢查    4.2.4　定義技術(shù)規(guī)范  4.3　構(gòu)建主導(dǎo)航結(jié)構(gòu)    4.3.1  XHTML    4.3.2  CSS　　……第5章　Stuff and Nonsense：CSS切換策略第6章　CindyLi.com的風(fēng)險投資：博客修改第7章　AIGA辛辛那提分會：HTML email模板第8章　專業(yè)CSS圖書網(wǎng)站：透明PNG圖像的使用第9章　構(gòu)建CSS布局附錄A　HTML 4.01元素附錄B  從HTML到XHTML的轉(zhuǎn)換規(guī)則附錄C  CSS2.1屬性附錄D  CSS故障排除指南

章節(jié)摘錄

　　第1章 有關(guān)XHTML和CSS的最佳實(shí)例　　在早期，Web并不是最吸引人的事物。由核物理學(xué)家創(chuàng)建和使用的超文本只不過是在開放的分布式網(wǎng)絡(luò)中共享文檔的一種手段，而且這些文檔的主要內(nèi)容是文本。不必諱言，高品質(zhì)的設(shè)計(jì)并不是早期Web開發(fā)者所優(yōu)先考慮的目標(biāo)。事實(shí)上，常用的HTML表格元素（也是經(jīng)常被濫用的，在后面將介紹）是為一個目的而創(chuàng)建的：顯示表格數(shù)據(jù)?！　?0世紀(jì)90年代后期是Web設(shè)計(jì)的全盛時期。在該時期，HTML中的“L（Language）”常常被忽視。許多專業(yè)人士覺得構(gòu)建Web頁面的代碼在本質(zhì)上并不是一種語言，因此不受真正編程語言的規(guī)則和約束的限制。此外，用戶并不會為兼容的、可讀性好的或防過時的代碼支付費(fèi)用。事實(shí)上，許多站點(diǎn)是根據(jù)“向后兼容”的要求開發(fā)的。這可能用詞不當(dāng)，因?yàn)樵?jīng)有這樣的站點(diǎn)，只支持IE 4.0或以上版本的瀏覽器。

編輯推薦

　　《CSS Web設(shè)計(jì)高級教程(第2版)》由淺入深地對基于Web標(biāo)準(zhǔn)的大規(guī)模專業(yè)級CSSWeb站點(diǎn)進(jìn)行了研究，對一些常見問題提供了易于理解的解決方法，對如何高效開發(fā)以CSS驅(qū)動的專業(yè)級Web設(shè)計(jì)給出了實(shí)用的方案?！　　禖SS Web設(shè)計(jì)高級教程(第2版)》主要內(nèi)容　　使用含CSS的XHTML的最佳實(shí)踐　　如何使博客在外觀和感覺上煥然一新　　一個擁有數(shù)百萬用戶的Web站點(diǎn)的設(shè)計(jì)細(xì)節(jié)　　在Web站點(diǎn)中包含陰影、下拉菜單和嵌入式Flash內(nèi)容的技術(shù)　　解決瀏覽器兼容問題和開發(fā)功能性導(dǎo)航結(jié)構(gòu)的技巧　　通過CSS編碼定制Web站點(diǎn)的方法　　如何創(chuàng)建HTMLEmail模板和基本HTML表格布局，以及CSS在文中所起的作用　　網(wǎng)格和布局對設(shè)計(jì)的重要性　　《CSS Web設(shè)計(jì)高級教程(第2版)》讀者對象　　《CSS Web設(shè)計(jì)高級教程(第2版)》針對希望透徹了解如何用CSS倉，J建專業(yè)水平Web站點(diǎn)的Web開發(fā)人員。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    CSS Web設(shè)計(jì)高級教程 PDF格式下載

---