CSS Web设计高级教程

出版时间：2009-7  出版社：清华大学出版社  作者：（美）施密特（Schmitt,C.），多米尼（Dominey,T.）　等著，窦朝晖　译  页数：290  译者：窦朝晖  
Tag标签：无  

前言

　　设计人员是典型的创造型人才，偏爱通过右脑思考，而注重技术细节的程序员则偏爱于用左脑思考。　　但当面对Web设计的挑战时，设计人员则会运用称为CSS（Cascading Style Sheet，层叠样式表）的设计技术。　　CSS是由Worldwide Web Consortium（W3C）制定的一个Web标记标准集，该标准集用于定义Web页面中的一致样式，并把该模板应用于多个页面。CSS本质上是一种技术，这种技术在很大程度上必须通过手工编写以创建一些强制性规则。这样大多数设计人员要完成自己的工作就必须编写大量的代码。　　我们不需要只会手写PostScript的设计人员，而是需要能利用 Adobe Illustrator提供的可视化编程环境（代码隐藏在背景中）来编写PostScrilpt文件的设计人员。　　当wYSIWYG（What you see is what you get，所见即所得）Web页面编辑人员的可视化编程经验越来越丰富时，这些应用软件不再是真正的专业CSS设计工具，如Illustrator中的PostScripty那样。　　CSS还存在一个与浏览器兼容的问题，但PostScript不存在这样的问题。浏览器开发商在其浏览器中没有及时支持这种技术。即使对CSS的支持越来越好（特别是在IE 7 forWindows~户对CSS的良好支持），但当设计人员试图在老的或过时的浏览器上支持他们的设计时仍会遇到问题。这意味着有必要深入研究CSS，并编写一些hack（在本书指一些修复浏览器错误的代码）和一些迂回解决方案。　　也就意味着应该花更多的时间来编写和修改代码，而不应该把过多时间花在WY.SIYG工具的使用上。　　即使了解CSS的基本元素（属性、取值、选择符等），要充分利用这项技术也是很困难的，甚至会使人感到沮丧。CSS会妨碍我们中的大部分人，不论是对w3C规范有很好了解的人，还是那些怀着畏惧心理浏览这些规范的人。　　从正面角度看，CSS确实是一种工具。　　一旦设计人员掌握了该技术的基本元素，了解了其目的，并获得了该技术的足够经验，几乎任何一个画在餐巾纸上或用Adobe Photoshop完成的设计思想都可以被实现。

内容概要

本书注重Web开发的实践，每章以现实中的Web站点为例，提供了很多容易理解的CSS技巧和技术，例如，如何实现翻转器、阴影、下拉菜单、CSS切换、博客、HTML Email模板，如何克服浏览器的兼容问题，如何构建CSS布局等。对如何高效开发以CSSS驱动的专业级设计给出了实用的方案。

书籍目录

第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　　……第5章　Stuff and Nonsense：CSS切换策略第6章　CindyLi.com的风险投资：博客修改第7章　AIGA辛辛那提分会：HTML email模板第8章　专业CSS图书网站：透明PNG图像的使用第9章　构建CSS布局附录A　HTML 4.01元素附录B  从HTML到XHTML的转换规则附录C  CSS2.1属性附录D  CSS故障排除指南

章节摘录

　　第1章 有关XHTML和CSS的最佳实例　　在早期，Web并不是最吸引人的事物。由核物理学家创建和使用的超文本只不过是在开放的分布式网络中共享文档的一种手段，而且这些文档的主要内容是文本。不必讳言，高品质的设计并不是早期Web开发者所优先考虑的目标。事实上，常用的HTML表格元素（也是经常被滥用的，在后面将介绍）是为一个目的而创建的：显示表格数据。　　20世纪90年代后期是Web设计的全盛时期。在该时期，HTML中的“L（Language）”常常被忽视。许多专业人士觉得构建Web页面的代码在本质上并不是一种语言，因此不受真正编程语言的规则和约束的限制。此外，用户并不会为兼容的、可读性好的或防过时的代码支付费用。事实上，许多站点是根据“向后兼容”的要求开发的。这可能用词不当，因为曾经有这样的站点，只支持IE 4.0或以上版本的浏览器。

编辑推荐

　　《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开发人员。

用户评论 (总计18条)

•   这书我看了 比较不错 建议有点CSS基础的看看 会有不少收获
•   书里介绍了很多很实用的技术。很好！适合有一定技术基础的人阅读！
  隆重推荐！
  不过新手可能看不太懂。建议有一定经验后再阅读。
•   今天刚拿到书，已经关注很久这本书了，彩印的，快300页，就是价格有点贵。不错。很开心
•   很好的书，内容很值
•   先拿积分
•   貌似比较红皮书哦，有些厚厚的买了也没看。。哈哈
•   外国人写的很标准。可以学到一些css设计思想。适合已经熟练css的工作人员看！遗憾这本书太薄了。觉得内容少了点。
•   虽然是第二版，但是09年的书，现在CSS3.0 Html 5更是王道！
•   不错，值得有CSS基础的人阅读
•   与其他技术书籍比算薄的，不过是彩色印刷，算值这个价。
  刚看了两章，书内容不错，不过翻译质量太差，读起来有点累。
•   每一章都是一个商业例子，内容太少了
•   书的外面脏脏的 不像新书 还有痕迹 不过我比较重视内容 也急用 希望当当不要把积压的货物拿出来倾销 保护好每一本书是你们的职责
•   感觉还行，就是例子解说的不够详细，如果能拆解的更加深入就好了，印刷比较精致，价格也就高了，希望价格能便宜些...
•   这书，我觉得不适合程序员看，而是写给网页设计师的
•   速度还不错，内容还没来的及看，希望还不错！
•   内容不丰富，太贵了也。
•   觉得还不错，有点难度对新手来说, 不容易看懂.
•   书本很薄，价格偏高，觉得没有什么提高的卖点哦。