《无懈可击的Web设计:使用HTML 5和CSS 3提高网站的灵活性与适应性(第3版)》
基本信息
原书名:Bulletproof Web Design:Improving flexibility and protecting against worst-case scenarios with HTML5 and CSS3, Third Edition
原出版社: New Riders Press
作者: (美)Dan Cederholm [作译者介绍]
译者: 马跃
出版社:清华大学出版社
ISBN:9787302283379
上架时间:2012-5-11
出版日期:2012 年5月
开本:16开
页码:264
版次:1-1
所属分类: 计算机 > 软件与程序设计 > 网络编程 > HTML
更多详情 》》》《无懈可击的web设计使用html 5和css 3提高网站的灵活性与适应性(第3版)》
内容简介
计算机书籍
无论一个网站的外观多么时尚华美,内容多么丰富多彩,如果不能为最广泛的用户群所用,就算不上真正成功的网站。web设计大师dan
cederholm的经典著作《无懈可击的web设计(第3版)》将指导您采用标准设计策略来满足各类用户的需要。每章首先列举一个沿用传统html技术
的实例,然后指出该实例的局限性,并利用html和css对其进行重构。从中您将学会如何用简洁高效的html标记和css来取代臃肿的代码,从而创建加
载速度极快、能供所有用户使用的网站。本书最后将前面各章讨论的所有页面组件珠联璧合地结合在一起,制作了一个页面模板。这个全新版本全面润色和更新了第
2版的内容,介绍了css3和html5方法,并重新设计了“新响应设计”等多个案例。
《无懈可击的web设计使用html 5和css 3提高网站的灵活性与适应性(第3版)》主要内容
用关键宇、百分比和em来设定页面文字大小,提高用户的可控性
规划如何纵向扩展水平方向的页面组件
通过浮动实现栏式效果
确保页面内容在图片或css缺失的情况下仍然易读
将外观从数据表格中分离出来,再用css重新定义
使用html5和css3一点点地改进设计效果
目录
《无懈可击的web设计使用html 5和css 3提高网站的灵活性与适应性(第3版)》
第1章 灵活的文字1
1.1 常见的方法3
1.2 为什么这样设计不是无懈可击的4
1.3 权衡我们的选择6
1.4 无懈可击的方法7
1.5 为什么这样设计是无懈可击的9
1.6 接下来的操作9
1.7 结合使用关键字和百分比值13
1.8 通过em实现灵活的文字18
1.9 rem单位19
1.10 本章小结21
第2章 可伸缩的导航栏23
2.1 常见的方法24
2.2 为什么这样设计不是无懈可击的 26
2.3 无懈可击的方法 27
2.4 为什么这样设计是无懈可击的 36
2.5 使用css 3渐变而不使用图片实现 37
2.6 通过em来实现 40
2.7 其他示例 42
.2.8 本章小结 45
第3章 可扩展的行47
3.1 常见的方法 48
3.2 为什么这样设计不是无懈可击的 50
3.3 无懈可击的方法 51
3.4 为什么这样设计是无懈可击的 64
3.5 通过border-radius实现 66
3.6 另一个自适应扩展例子 68
3.7 本章小结 72
第4章 巧妙的浮动效果73
4.1 常见的方法 75
4.2 为什么这样设计不是无懈可击的 76
4.3 无懈可击的方法 77
4.4 为什么这样设计是无懈可击的 107
4.5 本章小结 108
第5章 牢固的方框109
5.1 常见的方法 111
5.2 为什么这样设计不是无懈可击的 113
5.3 无懈可击的方法 114
5.4 为什么这样设计是无懈可击的 119
5.5 通过css 3实现 120
5.6 其他圆角实现技术 124
5.7 框提示 132
5.8 本章小结 138
第6章 页面在缺失图片或css的情况下仍然易读139
6.1 常见的方法 140
6.2 为什么这样设计不是无懈可击的 143
6.3 无懈可击的方法 144
6.4 为什么这样设计是无懈可击的 146
6.5 使用样式或禁用样式 148
6.6 常见的方法 149
6.7 无懈可击的方法 150
6.8 dig dug 测试 152
6.9 无懈可击的工具 153
6.10 本章小结 162
第7章 可转换的表格 163
7.1 常见的方法 164
7.2 为什么这样设计不是无懈可击的 166
7.3 无懈可击的方法 167
7.4 为什么这样设计是无懈可击的 186
7.5 本章小结 187
第8章 流动布局和弹性布局 189
8.1 常见的方法 190
8.2 为什么这样设计不是无懈可击的 192
8.3 无懈可击的方法 194
8.4 为什么这样设计是无懈可击的 223
8.5 基于em的布局 224
8.6 本章小结 231
第9章 构成一个整体 233
9.1 目标 234
9.2 为什么这样设计是无懈可击的 235
9.3 构建过程 240
9.4 本章小结 264
本图书
来源 :中国互动出版网
分享到:
相关推荐
《无懈可击的Web设计——使用HTML 5和CSS 3提高网站的灵活性与适应性(第3版)》是一本深入探讨现代Web设计技术的权威书籍,它聚焦于如何利用HTML 5和CSS 3这两项核心技术来构建响应式、易用且功能丰富的网站。...
本书全面论述了如何利用XHTML和CSS技术,提高网站的灵活性与适应性,使其能够适应不同的用户浏览方式,并达到良好的用户体验。 书中首先明确了网站成功的标准不仅仅在于视觉美观和内容丰富,更关键的是能否面向最...
3. **增强适应性和可维护性**:使用CSS布局的导航栏更易于调整和维护,无需每次更改都重新设计图片,提高了设计的灵活性和效率。 总之,《无懈可击的Web设计》通过对比传统导航栏设计的不足与现代CSS技术的优势,...
《无懈可击CSS+DIV源码》是一个关于前端网页布局和设计的资源包,主要包含使用CSS(层叠样式表)和DIV(定义文档结构的HTML元素)进行页面构建的示例代码。这个压缩包可能是一个教育或实战项目的集合,用于帮助...
美国Dan Cedernholm著,常可译,主要讲的是利用Xhtml和Css提高网站的适应性和灵活性
美国Dan Cedernholm著,常可译,主要讲的是利用Xhtml和Css提高网站的适应性和灵活性
响应式设计是当前的一大挑战,尤其是随着Tob产品用户越来越依赖大屏幕和多显示器,开发者需要考虑到各种窗口大小和分辨率的适应性。 防御性CSS开发是一种确保在不可预见的使用情况下仍能保持良好页面表现的方法。它...
- **数据表格布局**:数据表格在展示大量数据时非常有用,通过CSS可以实现灵活的布局和美化。本节将讨论如何使用CSS实现响应式表格、排序功能等。 #### 跨浏览器兼容性与调试技巧 - **招数(Hack)**:面对不同的...
4. **商业模板**:商业模板通常包含更完善的功能和更高的设计标准,提供技术支持和更新服务,适合对界面和性能有较高要求的商业网站使用。 5. **小米设计风格**:小米公司以简洁、直观的设计著称,这款模板可能借鉴...