超越CSS

出版时间：2012-8  出版社：人民邮电出版社  作者：[英]Andy Clarke　[美]Molly E.Holzschlag 著  页数：357  字数：734000  译者：谭振林  
Tag标签：无  

内容概要

　　《超越CSS：Web设计艺术精髓(修订版)》系统、深入地阐释了网站的设计与实现，帮助读者从设计的角度来使用CSS以达到完美的效果。作者通过使用标记和CSS的形象的创造性示例，帮助读者掌握实现创意设计的方法。读者将学会如何使用新的设计流程，创建对包括设计师在内的所有团队成员都很好用的原型，有效地使用网格，设计标记的视觉效果，并了解优秀设计过程的每一个阶段—从使用最新的浏览器到在团队协作中高效地应用CSS3。
　　《超越CSS：Web设计艺术精髓(修订版)》适合Web设计师和开发人员研读，对那些客户要求高、工作节奏快的设计师有着尤其重要的指导作用。本书也适合有一定基础的Web设计爱好者阅读。

作者简介

克拉克（Andy Clarke），国际著名Web设计师，W3C CSS工作组特邀专家，Web标准项目组成员。Andy担任首席Web设计师和创意总监多年，具有丰富的经验，并长期热心于对Web设计师的培训。本书正是他多年工作和培训经验的结晶。?

书籍目录

目　录
1　发现　1
1.1　超越CSS简介　3
1.1.1　需要什么样的工具来开始学习　3
1.1.2　为什么需要超越CSS　4
1.1.3　尽情地发挥创造力　8
1.1.4　辅助功能本身就是设计，而不应仅把它当成一个特性　10
1.1.5　向超越CSS进发　14
1.2　超越CSS原则　21
1.2.1　不是所有的浏览器都显示相同的设计　23
1.2.2　运用所有有效的CSS选择符　23
1.2.3　CSS3：展望未来　28
1.2.4　运用JavaScript和DOM来弥补CSS的不足　28
1.2.5　避免运用Hacks和滤镜　29
1.2.6　使用富含语义的命名规范和微格式　31
1.2.7　分享你的想法，与他人协作　39
1.3　什么使超越CSS变得可能　45
1.3.1　意想不到的CSS用途　47
1.3.2　浏览器分级支持　49
1.3.3　发现，过程，灵感，超越　51
1.4　突出内容的设计　53
1.4.1　突出内容的途径　55
1.4.2　一个典型的没经过优化的CSS布局　57
1.4.3　优化内容顺序而不管有还是没有样式　58
1.5　语义就是含义　63
1.5.1　“CSS　裸体日”　63
1.5.2　将含义翻译成标记：这个标记是正确的　64
1.5.3　内容告诉了你什么　74
1.5.4　语义的前行　74
1.6　标记这个世界　77
1.6.1　整个世界是一个列表，每一项都扮演着它自己的角色　77
1.6.2　环视四座皆列表　80
1.6.3　给我寄一张旧金山的hCard　84
1.6.4　学会拓宽视野　86
1.6.5　从“内容”开始工作　86
1.7　是时候整理一下你所学的知识了　95
2　过程　97
2.1　寻找最佳工作流程　99
2.1.1　寻找更好的方式　99
2.1.2　遵循基于内容的过程　101
2.2　搜集内容　105
2.3　使用框架图来工作　107
2.3.1　传统的框架图在哪里会失效　　109
2.3.2　框架图有商业价值吗　110
2.3.3　传统框架图以及交互脚本　111
2.4　使用灰盒方法改进　115
2.5　创建静态设计　118
2.5.1　更快地通过设计流程　118
2.5.2　把标签指南加入静态设计　120
2.6　使用交互原型　123
2.6.1　交互原型使梦想成真　123
2.6.2　创建可重用的代码　125
2.6.3　框架图和原型的模型　125
2.6.4　所见即所得：你看到了什么　126
2.7　遵循交互原型最佳实践　129
2.7.1　选择用于开发的浏览器　129
2.7.2　使用浏览器插件　129
2.7.3　尽可能少地使用元素　132
2.7.4　确保标签是有效的　132
2.7.5　选择定位优先于浮动　132
2.7.6　组织CSS　134
2.8　过程的实践　139
2.8.1　着眼于组成部分　139
2.8.2　编写分离内容的标签　140
2.8.3　用CSS实现静态设计　156
2.8.4　构建布局　157
2.8.5　从body开始　158
2.8.6　继续向前还是移交　164
2.8.7　基本颜色样式　164
2.8.8　创建商标　165
2.8.9　加上Logo　165
2.8.10　导航条样式　167
2.8.11　设计页脚样式　171
2.8.12　理解元素的排版样式　174
2.9　汇总　177
3　灵感　179
3.1　引入基于网格的设计　181
3.1.1　设计师与网格　183
3.1.2　黄金比例和三分之一规则　185
3.1.3　纯粹的弹性布局　195
3.1.4　合理的网格设计　196
3.2　当今Web设计中的网格　199
3.2.1　减法　199
3.2.2　Airbag Industries　202
3.2.3　Jeff Croft　204
3.2.4　Veerle的博客　206
3.3　寻找Web之外的网格　209
3.4　为Web设计带来新的网格　223
3.4.1　打破新闻　223
3.4.2　以网格作为指导　224
3.4.3　揭穿小秘密　227
3.4.4　着迷于新闻手法　227
3.4.5　保持你的画面　228
3.5　在意想不到的地方发现灵感　231
3.5.1　把主页改头换面　231
3.5.2　引入基调板　234
3.5.3　拥有一个设计剪贴簿　236
3.5.4　要获得界面灵感去看杂志吧　241
3.5.5　获得版式灵感　241
3.5.6　重新审视Flash设计　245
3.5.7　使用图片与相片　246
3.6　精美的艺术活动　253
3.6.1　设计不仅仅是创建引人注目的视觉效果　253
3.6.2　不要把焦点放在技术上　254
3.6.3　提升基调　257
3.6.4　寻找不同视角　259
3.6.5　带着目标剪贴　263
3.7　Web设计的美学　265
4　卓越　269
4.1　卓越的CSS　271
4.1.1　绝对定位　271
4.1.2　相对定位　285
4.1.3　浮动的创意　291
4.1.4　创建侧边栏　296
4.1.5　结合多种技术　299
4.2　CSS3(三倍好运)　311
4.2.1　各部分的汇总　311
4.2.2　开发新的标准　313
4.2.3　回到未来　314
4.2.4　使用CSS3选择符模块进行设计　314
4.2.5　使用斑马纹提高可读性　315
4.2.6　使用背景和边框模块进行设计　318
4.2.7　使用多幅背景图片进行设计　323
4.2.8　设计多栏布局　333
4.2.9　使用多栏布局模块　339
4.3　高级布局　343
4.3.1　回到网格　344
4.3.2　使用高级布局模块进行设计　349
4.4　结束语　357

章节摘录

　　1.极端翻新：家居版本 　　大部分的网站重构项目都遵循着一个简单的方法以达到“极端翻新：家居版本”：向客户大声嚷：“这个网站不够好，让我们打碎它然后重建一个更大的，更浮华的，功能更加强大的！” 　　如果你想，现在就可以大声叫喊，但是这种方式真的相当令人担忧。很可能为了你所渴望的一些新的东西，旧网站原有的一点优点也丢掉了。而且把网站推倒重来代价定然不菲，更不用说它的麻烦和工作的艰难了。 　　还有，不要忘了你的访客；当他们再回你家时却发现认不出你的房子了。他们甚至可能会把车一直往前开，错误地堵在邻居街道最后那座没有罗马雕塑柱子的房子外面。 　　2.更衣室 　　当更衣室里的辩论者看到他们那舒适的卧室改造成了一个飞机场的休息室或者是有趣的西班牙风味酒吧时，看一下他们那震惊的表情。相应地，设计师创建出一种全新的外观而没有考虑什么对客户是最好的。 　　我能够想象在电视之外的真实商业世界中，如果更衣室的设计师以那种方式工作的话，将不会被请来为另一个房间做装修。设计师永远都不应该坚持自己认为的什么对客户最好的猜想。他们应该总是考虑客户以及最频繁使用这个房间的人的需求。然后，你可以再次获得像在房屋入侵者里一样的客户和经理——那些只想付一点钱就盼望你能做出整个网站的客户去使用那些残余的标签与CSS。 　　在木匠公司、油漆工公司和电工公司的沙发上耗了几个小时之后，永远别忘了要做个微笑的主人，我赶走睡意，并思考我看到的过程在Web设计中是否生效。　　……

用户评论 (总计5条)

•   WEB设计
•   都是想看的书，加到购物车有段时间了
•   很有设计感的技术书
•   超越css
•   不错~~~~很喜欢~~~~~~~