本书是思科网络技术学院Web设计基础课程的教材，能够帮助你学习Web设计的基础知识和设计高水平网站的技能。
书中首先介绍了网站创建基础、网页元素、制作工具、制作前准备等预备知识，然后详细讲解网站设计的方法和技术，包括布局、界面、可访问性、国际化、媒体、交互、测试、发布等内容，每章末尾配有“复习题”检查对知识点的掌握，还通过“关键术语”强调基本概念。附录部分提供了复习题答案和HTML、XHTML、CSS的常用参考。
本书可以作为思科网络技术学院学生学习相应课程的教材，同时也适合对Web设计感兴趣的读者阅读参考。

第1章 网站创建基础 2
1.1 概述 3
1.2 因特网 3
1.2.1 因特网的历史 3
1.2.2 万维网 4
1.2.3 Web的概念模型 5
1.2.4 万维网的特征 6
1.2.5 万维网组织 6
1.3 因特网连接 7
1.3.1 连接速度 8
1.3.2 ISP 8
1.3.3 拨号上网 8
1.3.4 高速因特网访问 9
1.4 因特网协议和模型 9
1.4.1 客户端/服务器模型 9
1.4.2 协议 10
1.4.3 TCP/IP 10
1.4.4 HTTP 11
1.4.5 URL 11
1.4.6 FTP 12
1.4.7 Telnet 12
1.4.8 SMTP、POP3和IMAP 13
1.5 浏览器 14
1.5.1 浏览器的发展 14
1.5.2 Netscape Navigator 15
1.5.3 Microsoft Internet Explorer 15
1.5.4 未来的浏览器能力 15
1.5.5 HTML基础设施 16
1.5.6 标准和惯例 16
1.5.7 查看源代码 17
1.5.8 因特网搜索 17
1.5.9 书签/收藏 18
1.5.10 媒体支持 18
1.6 因特网服务和应��程序 18
1.6.1 电子邮件 18
1.6.2 FTP程序 19
1.6.3 即时信使 20
1.6.4 Gopher 20
1.6.5 新闻组 20
1.6.6 WAIS 20
1.6.7 插件 21
1.6.8 Adobe Acrobat Reader 21
1.6.9 Apple QuickTime 21
1.6.10 RealNetworks RealPlayer 22
1.6.11 Macromedia Flash Player 22
1.6.12 SVG插件 22
1.6.13 VRML 22
1.6.14 下载并安装插件 23
1.7 小结 23
1.8 复习题 24
1.9 关键术语 26
第2章 网页元素 28
2.1 概述 29
2.2 HTML基础 29
2.2.1 HTML的历史 30
2.2.2 其他的标记语言 31
2.2.3 层次和DOM 32
2.2.4 结构 32
2.2.5 HTML中的样式 34
2.2.6 元素、标记和属性 37
2.2.7 属性 38
2.2.8 Image标记 38
2.2.9 Image标记的属性 39
2.2.10 锚标记 40
2.2.11 Table标记 41
2.2.12 List标记 42
2.2.13 框架和框架集 43
2.2.14 不赞成标记 45
2.3 XHTML 46
2.3.1 XHTML与HTML 46
2.3.2 文档类型定义 48
2.3.3 把HTML转换到XHTML 48
2.4 颜色格式 49
2.4.1 减色 49
2.4.2 附加合成 49
2.4.3 计算机上颜色的传递 50
2.4.4 颜色空间 50
2.4.5 16进制色 51
2.4.6 Web**色 52
2.5 图像格式 52
2.5.1 矢量图形 52
2.5.2 位图图形 53
2.5.3 压缩和算法 53
2.5.4 图形交换格式 54
2.5.5 联合图像专家组 55
2.5.6 可移植网络图形 56
2.5.7 可缩放矢量图形 56
2.5.8 标记图像文件格式 57
2.5.9 封装的PostScript 57
2.5.10 BMP 57
2.5.11 Windows元文件格式 57
2.5.12 PICT 58
2.5.13 PCX 58
2.6 多媒体格式 58
2.6.1 模拟与数字 58
2.6.2 数字动画 59
2.6.3 Shockwave Flash 59
2.6.4 数字视频 60
2.6.5 数字音频 61
2.6.6 流式媒体 62
2.6.7 流的类型 63
2.7 交互性元素 64
2.7.1 HTML表单 64
2.7.2 表单元素和属性 65
2.7.3 表单控件 66
2.7.4 客户端脚本 67
2.7.5 服务器端脚本 68
2.7.6 Java小程序 71
2.7.7 Java和JavaScript的不同 71
2.8 小结 72
2.9 复习题 73
2.10 关键术语 75
第3章 制作工具 76
3.1 概述 77
3.2 HTML方法 77
3.2.1 手工编写 77
3.2.2 HTML转换工具 78
3.2.3 HTML编辑器 79
3.2.4 简单HTML编辑器 79
3.2.5 WYSIWYG编辑器 79
3.2.6 Adobe GoLive 81
3.2.7 Microsoft FrontPage 82
3.2.8 Macromedia Dreamweaver 84
3.2.9 其他的WYSIWYG 85
3.3 图形应用程序 85
3.3.1 位图图形应用程序 86
3.3.2 Adobe Photoshop 87
3.3.3 Macromedia Fireworks 88
3.3.4 Corel Photo-Paint 89
3.3.5 矢量图形应用程序 90
3.3.6 Adobe Illustrator 91
3.3.7 Macromedia FreeHand 93
3.3.8 CorelDRAW 94
3.4 动画应用程序 95
3.4.1 Adobe LiveMotion 96
3.4.2 Macromedia Flash 97
3.5 音频和视频应用程序 98
3.5.1 Adobe Premiere 99
3.5.2 Apple Final Cut Pro 101
3.5.3 Apple QuickTime 101
3.5.4 RealProducer 102
3.5.5 Windows媒体 102
3.6 小结 103
3.7 复习题 103
3.8 关键术语 105
第4章 制作前阶段 108
4.1 概述 109
4.2 开始工程 109
4.2.1 与客户合作 110
4.2.2 主要客户联系人身份 110
4.2.3 **次会见 111
4.2.4 自由讨论时期 112
4.2.5 用户定义 112
4.2.6 范围定义 113
4.2.7 竞争对手调查 114
4.2.8 可用时间和预算 115
4.2.9 提交提案 117
4.2.10 合同协商 117
4.3 制作角色 119
4.4 规划网站 120
4.4.1 内容和媒体资产 121
4.4.2 采访股东 122
4.4.3 信息体系结构 123
4.4.4 常见的信息体系结构错误 124
4.4.5 站点流程图 125
4.4.6 内容更新规划 125
4.4.7 需求文档 126
4.4.8 时间线开发 126
4.5 文件管理 127
4.5.1 备份过程 128
4.5.2 媒体资源转换 129
4.5.3 文件命名约定 129
4.6 基本工程管理概念和相关词汇 130
4.7 制作阶段 131
4.8 小结 133
4.9 复习题 134
4.10 关键术语 136
第5章 布局和设计 138
5.1 简介 139
5.2 Web作为媒介 139
5.2.1 Web、印刷和电视 140
5.2.2 交互性 140
5.2.3 超文本 141
5.2.4 可读性 142
5.2.5 内容的及时性和可用性 143
5.2.6 主页 143
5.2.7 吸引用户 144
5.2.8 粘性 144
5.3 Web设计原则 145
5.3.1 设计元素术语 145
5.3.2 清晰性 146
5.3.3 一致性 147
5.3.4 统一性 147
5.3.5 对比性 147
5.3.6 简洁性 148
5.3.7 结构化 148
5.3.8 ** 149
5.4 Web设计问题 149
5.4.1 浏览器显示冲突 150
5.4.2 显示器显示冲突 151
5.4.3 分辨率和颜色 151
5.4.4 Web上的颜色 151
5.4.5 背景图形和颜色 152
5.4.6 框架因素 152
5.4.7 内容平铺 153
5.4.8 排版和文本布局 153
5.4.9 字体限制 154
5.4.10 字体选择和尺寸 155
5.4.11 字体样式约定 155
5.4.12 对齐和换行 156
5.4.13 文件大小和下载时间 156
5.4.14 合适的广告 157
5.5 样式单和CSS 157
5.5.1 样式单 158
5.5.2 CSS概述 158
5.5.3 CSS语法 158
5.5.4 CSS的用法 159
5.5.5 CSS的背景属性 162
5.5.6 CSS中的文本属性 162
5.5.7 CSS中的字体属性 163
5.5.8 CSS中的边界属性 164
5.5.9 CSS中的边距属性 165
5.5.10 CSS中的填充属性 165
5.5.11 CSS中的列表属性 165
5.5.12 CSS中的尺度属性 166
5.5.13 CSS中的分类属性 166
5.5.14 CSS中的定位属性 167
5.6 小结 168
5.7 复习题 169
5.8 关键术语 171
第6章 用户界面设计 172
6.1 概述 173
6.2 界面、导航和可用性 173
6.2.1 界面设计基础 174
6.2.2 设计原则回顾 174
6.2.3 站点的品牌战略 175
6.2.4 站点结构 176
6.2.5 客户的样式指南 177
6.2.6 界面元素 177
6.2.7 颜色方案设置 178
6.2.8 字体 179
6.2.9 比喻和主题 180
6.2.10 导航方案 180
6.2.11 页面布局和故事板 181
6.2.12 创建原型 182
6.2.13 主页 183
6.2.14 设计界面的*佳实践 184
6.3 界面可用性 185
6.3.1 文件大小 185
6.3.2 易读性、可读性和可扫描性 185
6.3.3 帮助特性 188
6.3.4 界面可用性的*佳实践 188
6.4 导航设计基础 189
6.4.1 导航技巧 190
6.4.2 文本链接 191
6.4.3 图像链接、映射和表格 191
6.4.4 搜索导航 192
6.4.5 框架导航 192
6.4.6 其他导航类型 194
6.4.7 创建导航元素 195
6.5 导航可用性 197
6.5.1 合理的层次结构 198
6.5.2 统一资源定位器 198
6.5.3 直观性 199
6.5.4 使超文本链接可用 200
6.5.5 面包屑痕迹 201
6.5.6 导航可用性的*佳实践 201
6.6 小结 202
6.7 复习题 203
6.8 关键术语 205
第7章 可访问性和国际化 208
7.1 概述 209
7.2 可访问性 209
7.2.1 Web可访问性创始机构 210
7.2.2 辅助技术 211
7.2.3 视力障碍 211
7.2.4 听觉障碍 214
7.2.5 活动障碍 214
7.2.6 认知障碍 214
7.2.7 语音障碍 215
7.2.8 HTML 4.01的可访问性 215
7.2.9 设置切换顺序 219
7.2.10 实际的可访问性解决方案 222
7.2.11 验证和评审 223
7.2.12 法律问题 223
7.2.13 资源 225
7.3 国际化 225
7.3.1 统一码和语言属性 226
7.3.2 本地化设计 227
7.3.3 设计考虑 228
7.3.4 颜色的象征意义 229
7.3.5 Web特定的问题 230
7.3.6 格式问题 230
7.3.7 写作指导标准 232
7.3.8 写作清晰化 233
7.3.9 确保访问者的相关性 234
7.4 小结 235
7.5 复习题 236
7.6 关键术语 238
第8章 创建媒体 240
8.1 概述 241
8.2 编写Web内容 241
8.2.1 内容表达 241
8.2.2 写作提示 242
8.2.3 相关性和准确性 242
8.2.4 及时性 243
8.2.5 原创性 243
8.2.6 扫描的文本 243
8.2.7 排版 244
8.2.8 校对 244
8.3 创建图像 244
8.4 扫描仪 245
8.5 数码相机 246
8.6 库存照片 247
8.7 图像处理 248
8.7.1 输入图像 248
8.7.2 优化图像 249
8.7.3 编辑图像 252
8.7.4 调整图像大小 254
8.7.5 保存图像 255
8.8 动画 256
8.8.1 减少下载时间 257
8.8.2 动态HTML 257
8.8.3 GIF动画 257
8.8.4 SWF动画 258
8.9 数字音频和视频 259
8.9.1 数字音频概述 259
8.9.2 数字视频概述 262
8.10 小结 266
8.11 复习题 267
8.12 关键术语 269
第9章 交互性 272
9.1 概述 273
9.2 合理的交互 274
9.2.1 使用交互 274
9.2.2 下载时间与效果 275
9.2.3 交互的*好方法 275
9.3 交互式导航 276
9.4 交互式多媒体 276
9.4.1 交互式动画 277
9.4.2 虚拟现实 277
9.4.3 基于XML的多媒体 278
9.5 交互式广告 279
9.6 通过程序实现的交互 279
9.6.1 用JavaScript实现交互 279
9.6.2 HTML表单 280
9.6.3 HTML的mailto标记 281
9.6.4 用Java小程序实现交互 282
9.7 数据库驱动的交互 282
9.7.1 数据库 282
9.7.2 网站的个性化 283
9.7.3 电子商务 284
9.7.4 **性 285
9.8 用户间的交互 286
9.8.1 论坛 286
9.8.2 聊天室 286
9.8.3 视频会议 286
9.8.4 其他类型 287
9.9 网站组装 288
9.10 小结 289
9.11 复习题 290
9.12 关键术语 292
第10章 装配、测试和优化 294
10.1 概述 295
10.2 网站检查 295
10.2.1 全面的网站一致性检查 296
10.2.2 文本错误 296
10.2.3 浏览器和平台 297
10.2.4 颜色和显示器 297
10.2.5 媒体 298
10.2.6 交互性元素 298
10.2.7 HTML代码 299
10.2.8 代码检查器 299
10.2.9 测试清单 300
10.3 速度优化 301
10.3.1 图像文件的大小 301
10.3.2 图像文件的格式 302
10.3.3 更小的调色板 303
10.3.4 加载隔行扫描图像 304
10.3.5 图像缓存 304
10.3.6 精简HTML代码 304
10.3.7 速度错觉 304
10.4 链接管理 305
10.4.1 手工管理 306
10.4.2 链接管理程序 307
10.5 网站的维护 307
10.5.1 网站更新 307
10.5.2 给内容加上日期标注 308
10.5.3 设计的修改 308
10.5.4 缔约的修改 308
10.5.5 关注竞争对手的网站 309
10.5.6 增加网站的粘性 309
10.5.7 规划更新内容 309
10.5.8 跟踪网站行为 309
10.5.9 用户支持 309
10.6 可用性测试 310
10.6.1 测试人数要少，次数要多 311
10.6.2 寻找可用性测试人员 311
10.6.3 测试环境 312
10.6.4 在不同阶段进行测试 313
10.6.5 测试类型 313
10.6.6 测试问题和练习 313
10.6.7 如何使得可用性测试更容易 313
10.6.8 低级测试与**测试 314
10.6.9 测试结果与问题追踪 315
10.7 小结 315
10.8 复习题 316
10.9 关键术语 318
第11章 实现与托管 320
11.1 概述 321
11.2 客户反馈及签字确认 321
11.2.1 客户反馈 321
11.2.2 检查实际效果是否符合对交付产品的要求 322
11.2.3 演示完整的工程 323
11.2.4 获得签字确认 323
11.3 隐私、**以及法律方面的问题 323
11.3.1 隐私声明条款的制定 324
11.3.2 Cookies 324
11.3.3 ** 325
11.3.4 法律方面的问题 325
11.4 安置和托管站点 327
11.4.1 ISP 327
11.4.2 应用服务提供商及动态发布 328
11.4.3 Web服务器概述 329
11.4.4 安置服务器 330
11.4.5 托管服务 331
11.5 域名注册 332
11.5.1 域名选择 332
11.5.2 注册过程 333
11.6 将文件发布到Web 333
11.6.1 扩大迁移 333
11.6.2 通过FTP传输文件 334
11.6.3 使用WYSIWYG HTML编辑器来传输文件 335
11.7 搜索引擎列表 336
11.7.1 将站点提交给搜索引擎 336
11.7.2 搜索引擎排位 337
11.7.3 提交后的后续检查 338
11.8 为站点进行广告宣传 338
11.9 横幅广告 339
11.9.1 横幅广告的费用 340
11.9.2 常规横幅广告设计指导 340
11.9.3 横幅广告的放置 341
11.9.4 通过电子邮件进行市场宣传 342
11.9.5 新闻组 343
11.9.6 链接交换 343
11.9.7 Web环 344
11.9.8 线下市场宣传战略 344
11.9.9 对URL进行广告宣传 344
11.9.10 商标共用 345
11.10 小结 346
11.11 复习题 346
11.12 关键术语 348
第12章 作品集开发 352
12.1 概述 353
12.2 作品集概述 353
12.2.1 作品集的格式 353
12.2.2 基于Web的作品集 354
12.2.3 基于光盘的作品集 354
12.2.4 基于演示的作品集 354
12.2.5 纸版作品集 355
12.2.6 作品集的设计指导 355
12.2.7 作品集制作过程 355
12.3 作品集的要素 356
12.3.1 封页 356
12.3.2 简历 357
12.3.3 作品的样例 359
12.3.4 针对于特定职业的内容 360
12.3.5 联系人列表 361
12.4 自我推销 361
12.5 小结 362
12.6 关键术语 363