思科网络技术学院教程：Web设计基础PDF电子书下载

第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.4.1 客户端/服务器模型 9

1.4 因特网协议和模型 9

1.3.4 高速因特网访问 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.6 标准和惯例 16

1.5.5 HTML 基础设施 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.8 Adobe Acrobat Reader 21

1.6.9 Apple QuickTime 21

1.6.7 插件 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.2 附加合成 49

2.4.1 减色 49

2.4 颜色格式 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.11 Windows 元文件格式 57

2.5.10 BMP 57

2.5.9 封装的 PostScript 57

2.5.8 标记图像文件格式 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.5 WYSIWYG 编辑器 79

3.2.3 HTML 编辑器 79

3.2.4 简单 HTML 编辑器 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.2 开始工程 109

4.1 概述 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.8 排版和文本布局 153

5.4.7 内容平铺 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.1 文件大小 185

6.3.2 易读性、可读性和可扫描性 185

6.3 界面可用性 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.6 导航可用性的最佳实践 201

6.5.5 面包屑痕迹 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.8 HTML 4.01的可访问性 215

7.2.7 语音障碍 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.3 创建图像 244

8.2.8 校对 244

8.2.7 排版 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.1 数字音频概述 259

8.9 数字音频和视频 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.2 虚拟现实 277

9.4.1 交互式动画 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.3 视频会议 286

9.8.2 聊天室 286

9.8 用户间的交互 286

9.8.1 论坛 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.6 交互性元素 298

10.2.5 媒体 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.5.1 网站更新 307

10.4.2 链接管理程序 307

10.5 网站的维护 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.6 测试问题和练习 313

10.6.7 如何使得可用性测试更容易 313

10.6.4 在不同阶段进行测试 313

10.6.5 测试类型 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.3 隐私、安全以及法律方面的问题 323

11.2.3 演示完整的工程 323

11.2.4 获得签字确认 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.6.1 扩大迁移 333

11.5.2 注册过程 333

11.6 将文件发布到 Web 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.6 链接交换 343

11.9.5 新闻组 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.4 基于演示的作品集 354

12.2.2 基于 Web 的作品集 354

12.2.3 基于光盘的作品集 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