无懈可击的Web设计 目录

作者: (美)Dan Cederholm著/常可译 出处:清华大学出版社 　2008-01-02 15:08　   砖    好    评论  条 　进入论坛

阅读提示：《无懈可击的Web设计》提供了基于Web标准的网页设计策略，以帮助您创建出具有高度灵活性、可读性以及用户可控性的网站。本文是该书的前部分。

第 1 章 灵活的文字

1.1　常见的方法
1.2　权衡我们的选择
1 .2 .1 　长度单位
1.2.2　表示"相对大小"的关键字
1 .2 .3 　百分比值
1.2 .4　表示"绝对大小"的关键字
1.3　无懈可击的方法
1 .3 .1 　关键字
1.3.2　放弃像素级别的精确度
1.3 .3　两个需要克服的障碍
1.3.4　简化的 Box Model Hack
1.4　为什么说它是无懈可击的
1.5　有了灵活基础后的操作
1.5.1　设置基准值
1.5 .2　使用百分比值来获取和基准值不同的尺寸
1.6　结合使用关键字和百分比值
1 .6.1 　设定一个中间的关键字基准值
1.6.2　谨慎使用嵌套百分比值
1 .6.3 　百分比值的一致性试验
1.7　本章小结

第 2 章 可伸缩的导航栏

2.1　常见的方法
2.1.1　选项卡
2.1.2　通常的翻转效果
2.2　为什么这样做不是无懈可击的
2.2 .1　堆积如山的代码
2.2.2　不方便使用的问题
2.2 .3　可伸缩性的问题
2.2.4　缺乏灵活性
2.3　无懈可击的方法
2.3.1　无样式
2.3.2　两张小图片
2.3.3　应用样式
2.3.4　用浮动来解决
2.3.5　为选项卡定形
2.3.6　对齐背景图片
2.3.7　增加底边
2.3.8　悬停变换
2.3.9　选中状态
2.4　为什么这样做是无懈可击的
2.5　其他示例
2.5.1　MOZILLA.ORG
2.5.2　斜杠
2.5.3　ESPN.COM 的搜索栏
2.6　本章小结

第 3 章 可扩展的行

3.1　常见的方法
3.2　为什么这样做不是无懈可击的
3.2.2　固定的行高
3.2.3　臃肿的代码
3.3　无懈可击的方法
3.3.1　HTML 代码结构
3.3.2　标识出各部分
3.3.3　没有添加样式时的情形
3.3.4　设定背景
3.3.5　安排内容的位置
3.3.6　消失的背景
3.3.7　添加更多细节
3.3.8　四个圆角
3.3.9　文本和链接的细节
3.3.10　最后一步
3.4　为什么这样做是无懈可击的
3.4.1　代码结构与设计效果的分离
3.4.2　不再有固定不变的高度
3.5　自适应扩展的另一个例子
3.5.1　HTML 代码
3.5.2　创建这两张图片
3.5.3　添加CSS
3.5.4　EXPAND-O-MATIC
3.6　本章小结

第 4 章 巧妙的浮动

4.1　常见的方法
4.2　无懈可击的方法
4.2.1　对 HTML 代码的无止境抉择
4.2.2　使用定义列表
4.2.3　HTML 代码结构
4.2.4　没有样式时的情形
4.2.5　为外围容器增加样式
4.2.6　标识图片
4.2.7　应用基本的样式
4.2.8　给图片定位
4.2.9　反向浮动
4.2.10　为任意长度的描述文字开路
4.2.11　尾声
4.2.12　切换浮动方向
4.2.13　栏式效果
4.2.14　一个替代用的背景
4.3　为什么这样做是无懈可击的
4.4　本章小结

第 5 章 牢固的方框

5.1　常见的方法
5.2　为什么这样做不是无懈可击的
5.3　无懈可击的方法
5 .3 .1 　HTML 代码结构
5 .3 .2 　图片策略
5 .3 .3 　应用样式
5.4　为什么这样做是无懈可击的
5.5　其他圆角实现技术
5.6　本章小结

第 6 章 页面在缺失图片或 CSS 的情况下仍然易读

6.1　常见的方法
6.2　为什么这样做不是无懈可击的
6.3　无懈可击的方法
6.4　为什么这样做是无懈可击的
6.5　有或者没有样式
6 .5 .1 　10 秒钟可用性测试法
6 .5 .2 　常见的方法
6 .5 .3 　无懈可击的方法
6.6　无懈可击的工具
6 .6.1 　Favelets
6.6.2　Web Developer Extension(Web 开发者扩展)
6.6.3　Web Accessibility 工具条
6.6.4　把校验作为一种工具
6.7　本章小结

第 7 章 可转换的表格

7.1　常见的方法
7.2　为什么这样做不是无懈可击的
7.3　无懈可击的方法
7.3 .1　HTML 代码结构
7.3.2　应用样式
7.4　为什么这样做是无懈可击的
7.5　本章小结

第 8 章 流动的布局

8.1　常见的方法
8.2　为什么这样做不是无懈可击的
8.2.1　大量的代码
8.2.2　维护的噩梦
8.2.3　并非最佳的内容顺序
8.3　无懈可击的方法
8.3.1　HTML 代码结构
8.3.2　创建栏：浮动与定位
8.3.3　应用样式
8.3.4　Gutters
8.3.5　栏的 padding
8.3.6　设置宽度的最大和最小值
8.3.7　滑动伪分栏
8.3.8　三栏布局
8.4　为什么这样做是无懈可击的
8.5　本章小结

第 9 章 构成一个整体

9.1　目标
9.2　为什么这样做是无懈可击的
9.2.1　流动的布局
9.2.2　灵活的文字
9.2.3　没有图片？没有 CSS？也没问题
9.3　构建过程
9.3.1　HTML 结构
9.3.2　基本的样式
9.3.3　布局结构
9.3.4　侧边栏背景
9.3.5　页头
9.3.6　信息行
9.3.7　栏间空白(gutter)
9.3.8　内容栏
9.3.9　侧边栏
9.3.10　页脚
9.4　针对 IE 的 CSS 调整
9.4.1　Hack 管理
9.4.2　页脚补丁
9.4.3　自清除问题的补丁
9.5　本章小结

回书目   上一节   下一节