《CSS与HTMLWeb设计实践指南》是2009 年人民邮电出版社出版的图书，作者是(英国)Craig Grannell。
基本介绍
- 书名：CSS与HTMLWeb设计实践指南
- 作者：(英国)Craig Grannell
- 译者：姚军
- ISBN：9787115208729
- 页数：400页
- 定价：49.00
- 出版社：人民邮电出版社
- 出版时间：2009年
- 装帧：平装
- 开本：16
内容简介
《CSS与HTML Web设计实践指南》主要介绍如何利用CSS和HTML技术进行Web设计。《CSS与HTML Web设计实践指南》首先从Web技术的发展和基础知识开始，详细地介绍了字型样式、图像、连结与导航、表格等方面的知识，然后说明了解决不同浏览器之间兼容性问题的方法，最后通过图库、网上商店、公司主页三个实例阐述了整合的方法。《CSS与HTML Web设计实践指南》根据实际的工作需要来组织各种知识，有效地融合了CSS和HTML等技术细节。《CSS与HTML Web设计实践指南》是一本针对Web设计工作的实用参考手册，不管是初学者还是资深设计人员都能够从中获益。
作者简介
Craig Grannell是一位着名的Web设计师和作家，多年来一直高举着Web标準的旗帜。他最初接受的是艺术方面的训练，在1990年中期进入了数字媒体的世界。他在不同领域创造了许多创新性项目，从视频和基于装置的音频作品到奇特的现场演出，他有时藉助于计算机、电视、视频设备和PA系统的帮助，有时则是凭藉着自己的智慧。他的那些具有创造力的有趣的艺术作品，往往蕴含着一种隐晦且具有讽刺意味的特徵，容易引起观众的共鸣，从而在许多顶尖的欧洲媒体艺术节上获得荣誉。
但是，Crai9很快就意识到他必须选择正确的生活道路。幸运的是，Web吸引了他。一开始他只是通过线上作品展示网站来推广他的艺术作品，后来Web逐渐成为他自己的一种创造性的媒体，在此之后他就一直投身于这项工作。在这段时间中，他还创建了SnubCommunications组织，这是一个从事设计和写作工作的组织，其客户包括Rebellion Developments（2000 AD的出版商）、IDG UK（MacworM、PCAdvisor、DigitalArts等杂誌的出版商）以及SwimRecords等企业。
包括你现在拿着的这本书在内，Crai9已经创作了Web Designer's Reference和许多与
Dreamweaver相关的书籍，包括Foundation Web Design with Dreamweaver 8。此外，他还在Computer Art、MacFormat、net/Prnctical Web Design、4Talent、MacUser、Cre@te Online等多个出版物上发表了许多文章。
在不设计网站的时候，Craig常常花时间通过其eclectic audi0项目跟蹤全球的超级明星。
编辑推荐
这是一本特殊的书，它将教你如何设计出遵循标準的、美观的、可用性高的网站，而且不会让你看到太多无聊的基础知识、理论或者难以理解的细节内容。《CSS与HTML Web设计实践指南》教你：使用语义标籤创建遵循标準并且结构完整的网页：
使用CSS创建美观的页面布局、排版样式和导航栏；
在时尚设计和Web标準中寻求平衡；
学习如何修复常见的浏览器缺陷，确保所有用户都能正常访问你的网页；
了解与XHTML元素和属性、CSS属性和值、浏览器等相关的内容。
目录
第1章 Web设计入门. 1
1.1 Internet简史 2
1.2 为什幺建立一个网站 3
1.3 观众的要求 4
1.4 Web设计概述 5
1.5 HTML和XHTML简介 6
1.5.1 HTML标记和元素概念简介 6
1.5.2 嵌套标记 7
1.5.3 Web标準与XHTML 7
1.5.4 语义标示 8
1.6 CSS简介 9
1.6.1 使设计与内容分离 9
1.6.2 CSS规则 10
1.6.3 CSS选择符类型 11
1.6.4 为网页添加样式 13
1.6.5 CSS盒子模型说明 15
1.7 创建样板(boilerplate) 16
1.8 实现网站内容 21
1.8.1 信息架构和网站地图 22
1.8.2 基本网页结构和布局 22
1.8.3 Web设计的局限性 24
第2章 网页基础 26
2.1 从基础开始 27
2.2 文档默认值 27
2.2.1 DOCTYPE声明解说 29
2.2.2 局部DTD 30
2.2.3 XML声明是什幺样的 31
2.3 head(报头)部分 31
2.3.1 页面标题 32
2.3.2 meta标记和搜寻引擎 33
2.3.3 连线外部文档 34
2.4 body(主体)部分 38
2.4.1 CSS中内容的外边距和内边距 38
2.4.2 将所有元素的内外边距设定为0 39
2.4.3 使用盒子的CSS简写 39
2.4.4 设定默认字型和字型颜色 40
2.5 网页背景 41
2.5.1 CSS中的网页背景 41
2.5.2 网页背景概念 44
2.6 关闭你的文档 51
2.7 命名你的档案 52
2.8 添加注释 52
2.9 网页基本检查列表 53
第3章 使用字型样式 54
3.1 排版技术简介 55
3.2 旧的文本样式设计方法 56
3.3 一个新的开始：语义标示 57
3.3.1 段落和标题 58
3.3.2 逻辑和物理的样式 58
3.3.3 结构良好的标示的重要性 61
3.4 使用CSS设定文本样式 62
3.4.1 定义字型颜色 63
3.4.2 定义字型 63
3.4.3 为文本使用图像 68
3.4.4 定义字型大小和行高 70
3.4.5 定义字型样式.字型灰度和字型大小写转换 73
3.4.6 用于字型属性的CSS简写 74
3.4.7 控制文本元素边距 75
3.4.8 将文本缩进用于与印刷类似的段落 75
3.4.9 设定字元间距和字间距 76
3.4.10 使用text-transform控制大小写 77
3.4.11 使用类和span创建备选项 77
3.4.12 样式化语义标示 78
3.4.13 使用CSS创建段首大字和插入引用 86
3.5 使用列表 94
3.5.1 无序列表 94
3.5.2 排序列表 94
3.5.3 定义列表 95
3.5.4 嵌套列表 95
3.5.5 使用CSS样式化列表 96
3.5.6 列表的外边距和内边距 98
3.5.7 用于导航的行内列表 99
3.5.8 创造性地使用列表 99
第4章 使用图像 104
4.1 简介 105
4.2 色彩理论 105
4.2.1 色轮 105
4.2.2 加色和减色系统 105
4.2.3 使用色轮创建配色方案 106
4.2.4 使用十六进制值 108
4.2.5 网路安全颜色 108
4.3 选择图像格式 109
4.3.1 JPEG 109
4.3.2 GIF 110
4.3.3 GIF89：透明的GIF 111
4.3.4 PNG 112
4.3.5 其他图像格式 113
4.4 常见的Web图像错误 113
4.4.1 为正文使用图形 113
4.4.2 不从原始图像开始处理 114
4.4.3 改写原始文档 114
4.4.4 杂乱的背景 114
4.4.5 缺乏对比 115
4.4.6 使用错误的图像格式 115
4.4.7 在HTML中重新设定尺寸 115
4.4.8 没有平衡质量和档案尺寸 116
4.4.9 文本覆盖及图像分割 116
4.4.10 盗用图像和设计 117
4.5 在XHTML中使用图像 117
4.5.1 使用备用文本提高可访问性 117
4.5.2 基于连结的图像的描述性备用文本 118
4.5.3 用于界面图像的空alt属性 118
4.5.4 对提示条套用备用文本和标题文本 118
4.6 在处理图像时使用CSS 119
4.6.1 套用CSS图像框线 119
4.6.2 使用CSS使文本环绕图像 121
4.6.3 显示随机图像 122
第5章 使用连结及创建导航 127
5.1 Web导航简介 128
5.2 导航类型 128
5.2.1 内联导航 128
5.2.2 网站导航 128
5.2.3 基于搜寻的导航 129
5.3 创建网页连结并加上样式 130
5.3.1 绝对连结 130
5.3.2 相对连结 131
5.3.3 根目录相对连结 131
5.3.4 页面内部连结 132
5.3.5 与段落标识符的向后兼容性 132
5.3.6 页面顶端连结 133
5.3.7 连结状态 134
5.3.8 使用CSS定义连结状态 134
5.3.9 正确排列连结状态 135
5.3.10 a和a:link之间的差别 136
5.3.11 使用CSS编辑连结样式 136
5.3.12 多重连结状态：层叠 138
5.3.13 增强的连结可访问性和易用性.. 140
5.3.14 连结目标 146
5.4 连结和图像 147
5.4.1 为图像添加弹出框 148
5.4.2 图像映射 152
5.4.3 使用CSS模拟图像映射 153
5.5 使用JavaScript增强连结 158
5.5.1 创建一个弹出式视窗 158
5.5.2 创建线上图库 160
5.5.3 可收缩的页面内容 164
5.6 创建导航栏 169
5.6.1 为导航栏使用列表 169
5.6.2 使用行内列表 175
5.6.3 具备翻滚效果的图形化导航 183
5.7 Web导航应该做的和不应该做的 200
第6章 表格：自然(以及W3C)的需求 201
6.1 表格的大争论 202
6.2 表格如何工作 202
6.2.1 添加一个框线 203
6.2.2 单元格间隔和内边距 203
6.2.3 跨越行和单元格 203
6.2.4 设定大小和对齐方式 204
6.3 创建容易理解的表格 206
6.3.1 标题和摘要 206
6.3.2 使用表头 206
6.3.3 行组 207
6.3.4 範围和表头 207
6.3.5 建立一个表格 209
6.4 设定表格样式 212
6.4.1 添加表格框线 212
6.4.2 添加分隔条 216
6.5 用于布局的表格 218
第7章 使用CSS进行页面设计 220
7.1 Web布局 221
7.1.1 格线和方框 221
7.1.2 使用栏目 221
7.1.3 固定设计vs.流式设计 222
7.1.4 布局设计技术：表格vs.CSS 223
7.1.5 符合逻辑的元素放置 223
7.2 CSS布局设计工作流程 224
7.2.1 布局剖析：表格vs.CSS 224
7.2.2 创建页面结构 224
7.2.3 盒子格式 225
7.3 CSS布局：一个盒子 226
7.4 嵌套的盒子：boxout 232
7.5 使用多重盒子和栏目的高级布局 236
7.5.1 使用两个结构化div 236
7.5.2 在包装器中放置栏目及清除浮动内容 243
7.5.3 使用工具条和多个boxout 247
7.5.4 创建两侧的工具条 251
7.5.5 自动调整布局 256
7.6 可滚动的内容区域 258
7.6.1 使用框架 259
7.6.2 使用iframe 260
7.6.3 使用CSS的可滚动内容区域 261
第8章 获取用户反馈 263
8.1 用户反馈简介 264
8.1.1 使用mailto：URL 264
8.1.2 地址编码 264
8.2 使用表单 265
8.2.1 创建一个表单 265
8.2.2 添加控制项 265
8.2.3 增强表单的可访问性 267
8.3 表单的CSS样式和布局 268
8.3.1 添加表单样式 268
8.3.2 使用CSS的高级表单布局 271
8.4 传送反馈 273
8.4.1 配置nmsFormMail 274
8.4.2 脚本伺服器许可权 275
8.4.3 用PHP传送表单数据 276
8.4.4 使用E-mail传送表单数据 279
8.5 联络页面的布局设计 280
8.6 使用微格式改进联络信息 281
8.7 详细联络信息结构回归 286
第9章 处理浏览器的古怪行为 289
9.1 最终测试 290
9.2 消除常见错误 290
9.3 浏览器测试套件 292
9.4 处理InternetExplorer的常见bug 296
9.4.1 过时的CSS文档hack技巧 296
9.4.2 条件注释 297
9.4.3 处理捨入误差 299
9.4.4 alt文本覆盖标题文本 300
9.4.5 InternetExplorer5.x常见问题的修复 300
9.4.6 InternetExplorer6和InternetExplorer5的常见问题修复 301
9.4.7 修复haslayout问题 306
9.5 针对其他浏览器 307
第10章 整合所有内容 309
10.1 装配部件 310
10.2 管理样式单 310
10.3 创建一个作品展示布局 311
10.3.1 关于设计和所需的图像 311
10.3.2 装配图库 312
10.3.3 设定图库样式 313
10.3.4 为InternetExplorer做特别的处理 315
10.4 创建一个线上店铺 315
10.4.1 关于设计和所需的图像 315
10.4.2 装配店铺 316
10.4.3 设定店铺样式 318
10.4.4 店铺布局所用的字型和修复 320
10.5 创建一个商业网站 323
10.5.1 关于设计和所需的图像 323
10.5.2 装配商业网站 324
10.5.3 设定商业网站样式 325
10.6 用于列印的样式单 327
附录A XHTML参考手册 332
A.1 标準属性 333
A.1.1 核心属性 333
A.1.2 键盘属性 333
A.1.3 语言属性 334
A.2 事件属性 334
A.2.1 核心事件 334
A.2.2 表单元素事件 335
A.2.3 视窗事件 335
A.3 XHTML元素和属性 336
附录B Web色彩参考手册 359
B.1 颜色值 360
B.2 颜色名称 360
附录C 实体参考手册 362
C.1 XHTML中使用的字元 363
C.2 标点和符号 363
C.2.1 引号 363
C.2.2 分隔设定和非列印字元 364
C.2.3 标点符号 364
C.2.4 符号 365
C.3 欧洲语言所用字元 365
C.4 数学.科技和希腊字元 368
C.4.1 常用数学字元 369
C.4.2 高级数学和技术符号 369
C.4.3 希腊字元 371
C.5 箭头.菱形和扑克牌花色 373
C.6 转换非标準的Microsoft字元集 373
附录D CSS参考手册 375
D.1 CSS盒子模型 376
D.2 共用CSS值 377
D.3 CSS属性和值 377
D.4 基本选择符 389
D.5 伪类 390
D.6 伪元素 390
D.7 CSS样板档案及管理 390
附录E 浏览器指南 393
E.1 Firefox 394
E.2 InternetExplorer 394
E.3 Opera 395
E.4 Safari 395
E.5 其他浏览器 396
附录F 软体指南 397
F.1 Web设计软体 398
F.2 图形设计软体 398
F.3 我的工具箱... 399
……