无懈可击的Web设计

出版时间：2012-5  出版社：清华大学出版社  作者：【美】Dan Cederholm  页数：264  字数：339000  译者：马跃  
Tag标签：无  

内容概要

　　无论一个网站的外观多么时尚华美，内容多么丰富多彩，如果不能为最广泛的用户群所用，就算不上真正成功的网站。web设计大师dan
cederholm的经典著作《无懈可击的web设计(第3版)》将指导您采用标准设计策略来满足各类用户的需要。每章首先列举一个沿用传统html技术的实例，然后指出该实例的局限性，并利用html和css对其进行重构。从中您将学会如何用简洁高效的html标记和css来取代臃肿的代码，从而创建加载速度极快、能供所有用户使用的网站。本书最后将前面各章讨论的所有页面组件珠联璧合地结合在一起，制作了一个页面模板。这个全新版本全面润色和更新了第2版的内容，介绍了css3和html5方法，并重新设计了“新响应设计”等多个案例。
　　《无懈可击的web设计使用html 5和css 3提高网站的灵活性与适应性(第3版)》主要内容
　　用关键宇、百分比和em来设定页面文字大小，提高用户的可控性
　　规划如何纵向扩展水平方向的页面组件
　　通过浮动实现栏式效果
　　确保页面内容在图片或css缺失的情况下仍然易读
　　将外观从数据表格中分离出来，再用css重新定义
　　使用html5和css3一点点地改进设计效果

作者简介

　　Dan
Cederholm，是一位屡获殊荣的Web设计师及作家，擅于运用Web标准来简化和重构设汁，2003年因重构了Fast
Company和Inc．com两个著名网站而蜚声业界。Dan信奉使用Web标准来实现灵活且适应性强的设计，他在Web标准设计领域方面拥有多年的实践经验，曾经帮助Google、MTV、ESPN、Fast
Company、Blogger、Odeo等知名公司设计网页和重构网站。他是一位活跃的技术专家，经常在业界最重要的技术会议上发表演讲，也是A
List
Apart等网站的专栏作者。他的博客SimpleBits颇受欢迎，他经常在上面撰写有关Web、技术及人生的文章和评论。除木书外，他的另一部畅销书Web
Standards Solutions也备受读者青睐。...

书籍目录

第1章　灵活的文字
1.1　常见的方法
1.2　为什么这样设计不是无懈可击的
1.3　权衡我们的选择
1.4　无懈可击的方法
1.5　为什么这样设计是无懈可击的
1.6　接下来的操作
1.7　结合使用关键字和百分比值
1.8　通过em实现灵活的文字
1.9　rem单位
1.10　本章小结
第2章　可伸缩的导航栏
2.1　常见的方法
2.2　为什么这样设计不是无懈可击的
2.3　无懈可击的方法
2.4　为什么这样设计是无懈可击的
2.5　使用css 3渐变而不使用图片实现
2.6　通过eｍ来实现
2.7　其他示例
2.8　本章小结
第3章　可扩展的行
3.1　常见的方法
3.2　为什么这样设计不是无懈可击的
3.3　无懈可击的方法
3.4　为什么这样设计是无懈可击的
3.5　通过border-radius实现
3.6　另一个自适应扩展例子
3.7　本章小结
第4章　巧妙的浮动效果
4.1　常见的方法
4.2　为什么这样设计不是无懈可击的
4.3　无懈可击的方法
4.4　为什么这样设计是无懈可击的
4.5　本章小结
第5章　牢固的方框
5.1　常见的方法
5.2　为什么这样设计不是无懈可击的
5.3　无懈可击的方法
5.4　为什么这样设计是无懈可击的
5.5　通过css 3实现
5.6　其他圆角实现技术
5.7　框提示
5.8　本章小结
第6章　页面在缺失图片或css的情况下仍然易读
6.1　常见的方法
6.2　为什么这样设计不是无懈可击的
6.3　无懈可击的方法
6.4　为什么这样设计是无懈可击的
6.5　使用样式或禁用样式
6.6　常见的方法
6.7　无懈可击的方法
6.8　dig dug 测试
6.9　无懈可击的工具
6.10　本章小结
第7章　可转换的表格
7.1　常见的方法
7.2　为什么这样设计不是无懈可击的
7.3　无懈可击的方法
7.4　为什么这样设计是无懈可击的
7.5　本章小结
第8章　流动布局和弹性布局
8.1　常见的方法
8.2　为什么这样设计不是无懈可击的
8.3　无懈可击的方法
8.4　为什么这样设计是无懈可击的
8.5　基于eｍ的布局
8.6　本章小结
第9章　构成一个整体
9.1　目标
9.2　为什么这样设计是无懈可击的
9.3　构建过程
9.4　本章小结

章节摘录

版权页：   插图：   1.2 为什么这样设计不是无懈可击的 使用像素来设定文字的大小，能让设计师精确地控制各种字体的显示尺寸。但也会给在Windows上使用IE浏览器（IE／Win）的用户带来一个问题。 Web浏览器通常会给用户提供一些方法，让他们可以随意改变页面上文字的大小，以取代设计师原本的设定。这是个很好的功能，对于那些视力较差的用户尤为实用！这些用户可以通过浏览器的菜单选择让文字大一号显示。 这里绝非在嘲弃eyebuydirect网站的设计人员。事实上，这是一个设计精美的站点，采用了结构化的标记和CSS来实现——这也是我选它作为示例的原因。在这方面它是值得赞赏的。 这里选取它只是作为一个参考范例而已，从中您可以了解到这种最常见方法的优缺点。 这听上去很不错吧！但问题在于，当以像素为单位设定了文字的大小之后，Windows平台上的Internet Explorer用户再无法随意地改变这个大小了。因此，使用像素虽然可以让设计师非常精确地控制尺寸，但同时也会妨碍IE／Win用户按照自己的意愿调整文字大小。这一点很糟糕。其他一些浏览器的用户则可以自由地调整字体大小，而不管文字大小是如何设定的。 Internet Explorer 7中引入了一个新的页面缩放功能，该功能可将整个页面放大或缩小（不仅仅是文字），通过Ctrl+（加号）和Ctrl-（减号）快捷键或单击浏览器窗口底端状态栏上的图标就可以实现。

编辑推荐

《无懈可击的Web设计:使用HTML5和CSS3提高网站的灵活性与适应性(第3版)》将指导读者采用标准设计策略来满足各类用户的需要，指导读者学会用多种策略来保护站点，使它们无懈可击：提高灵活性并能适应最恶劣的浏览环境。

用户评论 (总计30条)

•   无懈可击的Web设计——使用HTML 5和CSS
  提高网站的灵活性与适应性（第3版），还在研究中。
•   学习Web设计的好书，真不错。
•   这本书采用比较好的一种方式来表现html，培养良好的编程习惯，还不错。。。用简单的方式来实现认为挺复杂的编程。。。。
•   第一版的全彩印刷非常好啊，是难得我能通读+精读的书籍！但是这个第三版居然是黑白的。导致这本图片适中，厚度薄的经典书拿在手里的感觉差了很多。
•   虽然讲的点很少，但很经典，把常用的都囊括了，比夸夸其谈很厚一本要好的。浓缩的精华。
•   有相应的服务器进行练习的话不会觉得太难，初学者需要多练习
•   还可以，多练习才有帮助
•   好好学习一下，作者的态度精益求精啊，就是纸质差一些~~
•   能给人一种新的感悟
•   理念趋势都有
•   还没看 看评价不错啊
•   虽然技术没有什么特别的，但作者的有些思路值得学习和借鉴
•   还不错的，但有些内容不是很实用。
•   还没看，略微翻了翻，内容不错
•   书的印刷挺好，只不过纸张有点差强人意！总体物有所值吧！
•   作为一般阅读还可以
•   这次优惠不错
•   我们这些有一定基础的学习者：第一想要知道的是怎样用最简单的办法实现；第二希望知道的是怎样做了不出乱子。篇幅要短，语言要清楚并说出要点和思路。代码要精炼。 此书反其道而为之。废话罗嗦，每节都在啰了八嗦说什么什么无懈可击的。还是看国人写的教材吧。
•   这类书籍推荐直接图书馆翻阅，因为没有需要深入的内容
•   介绍的几处Web设计注意的地方，看了很有启发
•   可能对于国内多数嘅网页需求来讲适用程度只系一般。（ps：从语义上讲解html标签呢点非常好……）
•   没有基础知识的讲解，适合有一定基础的web开发者
•   还可以,快递也很快就到了,书的内容比较适合初学者.
•   最新技术
•   质量不错，很实用，挺喜欢
•   真的不错，比较经典，很好的一本书
•   还没看呢，不知道咋样。
•   无懈可击的Web设计
•   看完第1章了
•   书质量不错，活动给力！