更新时间：2023-07-14 22:40
《网页设计与网站建设》是2013年6月电子工业出版社出版的图书，作者是郭海旺。
如今，互联网已经在人们的生活中占据了重要位置，它可以将丰富多彩的文本、图像、动画等结合起来，随时随地供用户浏览。目前网页设计与网站建设技术成了热门。页面设计、动画设计、图形图像设计是网页设计与网站建设的三大核心。随着网页设计与网站建设技术的不断发展和完善，产生了众多网页制作软件。但是目前使用最多的是Photoshop、Dreamweaver、Flash三个软件的组合，它们能完全高效地实现网页设计的各种功能，所以称这三个软件的组合为黄金搭档。现在，Adobe公司又及时地推出了Dreamweaver CS6、Flash CS6、Photoshop CS6，它们已经成为网页设计与网站建设的梦幻工具组合，以其强大的功能和易学易用的特性，赢得了广大网页设计人员的青睐。
本书详细介绍了如何进行网站的前期策划，如何综合使用Dreamweaver CS6、Photoshop CS6和Flash CS6等工具来建设网站，如何在ASP环境下建设动态网站，以及数据库的创建和网站的策划、维护、宣传与推广等内容。
本书共分为21章，以“建站快速入门”—“设计令人流连忘返的静态网页”—“开发动态数据库网站”—“设计与处理精美的网页图像”—“设计超炫的网页动画”—“网站的策划与安全管理”—“完整商业网站的建设”为线索具体展开。其中，第1章为网页设计与网站建设基础；第2章为用色彩搭配赏心悦目的网站；第3章为快速掌握Dreamweaver CS6设计基本网页；第4章为设计丰富多彩的图像和多媒体网页；第5章为使用表格和Spry排版网页，第6章为使用模板和库快速创建网页；第7章为使用行为和脚本设计动感特效网页；第8章为使用CSS样式表美化网页；第9章为用CSS+Div灵活布局页面；第10章为动态网站开发基础；第11章为设计动态网站常用模块；第12章为使用Photoshop CS6设计网页中的特效文字；第13章为设计网页中经典图像元素；第14章为使用Flash CS6创建基本动画；第15章为使用Flash CS6创建交互动画；第16章为网站的整体策划；第17章为网站页面设计策划；第18章为网站的安全与运营维护；第19章为网站建设规范和基本流程；第20章为设计企业宣传展示型网站；第21章为设计在线购物网站。
本书作者具有多年网站设计与教学经验，精选了多年设计与教学实践中具有代表性和实用性的实例，详细介绍了使用Dreamweaver CS6编辑网页、使用Photoshop CS6处理图形和图像及使用Flash CS6制作动画的方法。本书具有如下特点。
结构安排合理。本书采用“基础知识+上机练习+综合应用”的结构，以使读者能够更好地理解和掌握每章所讲述的内容。在每章的最后基本上都有“综合应用”，将本章的内容进行了一次完整的贯通，以帮助读者巩固本章的相关知识点及提升读者解决实际问题的能力。另外作者还毫无保留地将现实工作中大量非常实用的经验、技巧贡献出来。
商业案例，实战性强。本书使用了大量的典型商业网站案例，采用图解的方式讲解软件的使用和技巧，适时添加“提示”，以补充使用技巧和知识链接，读者可以快捷地学习操作和应用，实战性非常强。
双栏排版，提示标注。采用双栏图解排版，一步一图，图文对应，并在图中添加了操作提示标注，以便于读者快速学习。
代码揭秘。随着网站设计人员技术的提升，对代码会有越来越深刻的研究，增加“代码揭秘”栏目，侧重代码的提供，要点进行重点标注与提示。
专家秘笈。每章最后一部分均安排了专家秘笈，这些秘笈来源于网站建设专家多年的经验和技巧总结，解答了初学者常见的困惑，扩大了初学者的知识面。
超值配套光盘。本书所附光盘的内容为书中介绍的范例的源文件及重点实例的操作演示视频，供读者学习时参考和对照使用。在光盘中还有“HTML常用标记手册”、“JavaScript语法手册”、“CSS属性一览表”、“VBScript语法手册”、“ADO对象方法属性详解”、“常见网页配色词典”等内容，在制作网页时也是很有用的参考。
本书语言通俗易懂，知识系统全面，突出了实战性，采用由浅入深的编排方法，内容丰富，结构清晰，实例众多，图文并茂，适用于以下读者对象：网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员、个人网站爱好者与自学读者。
本书由国内著名网页设计培训专家郭海旺主编，参加编写的还有邓静静、李银修、刘宇星、邓方方、张礼明、孙良军、杨建伟、李晓民、刘中华、孙起云、吕志彬等。由于本书编者水平有限，加之时间仓促，不足之处在所难免，欢迎广大读者批评指正。
编 者
2012年8月
本书详细介绍了如何进行网站的前期策划，如何综合使用Dreamweaver CS6、Photoshop CS6和Flash CS6等工具来建设网站，如何在ASP环境下建设动态网站，以及数据库的创建和网站的策划、维护、宣传与推广等内容。
本书语言通俗易懂，知识系统全面，突出了实战性，采用由浅入深的编排方法，内容丰富，结构清晰，实例众多，图文并茂，适用于以下读者对象：网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员、个人网站爱好者与自学读者。
第1篇 建站快速入门
网页设计与网站建设基础 2
1.1 常见的网站类型 3
1.1.1 个人网站 3
1.1.2 企业类网站 3
1.1.3 娱乐休闲类网站 3
1.1.4 机构类网站 4
1.1.5 行业信息类网站 4
1.1.6 购物类网站 5
1.1.7 门户类网站 5
1.2 常用网页设计软件和技术 6
1.2.1 网页编辑排版软件 6
1.2.2 网页动画制作软件 7
1.2.3 网页图像设计软件 7
1.2.4 网页标记语言HTML 8
1.2.5 网页脚本语言 9
1.2.6 动态网页编程语言ASP 10
1.3 静态网页和动态网页 10
1.3.1 静态网页 10
1.3.2 动态网页 11
用色彩搭配赏心悦目的网站 12
2.1 色彩基础知识 13
2.1.1 色彩的基本概念 13
2.1.2 网页色彩的冷暖视觉 13
2.2 常见网页色彩搭配分析 15
2.2.1 绿色 15
2.2.2 黄色 16
2.2.3 蓝色 17
2.2.4 红色 18
2.2.5 紫色 19
2.2.6 灰色 20
2.2.7 黑色 21
2.3 页面色彩搭配 21
2.3.1 网页色彩搭配原理 21
2.3.2 网页配色方法 23
第2篇 设计令人流连忘返的静态网页
快速掌握Dreamweaver CS6设计基本网页 26
3.1 Dreamweaver CS6简述 28
3.2 Dreamweaver CS6的工作界面 28
3.2.1 菜单栏 29
3.2.2 插入栏 29
3.2.3 浮动面板 29
3.2.4 “属性”面板 30
3.2.5 文档窗口 30
3.3 创建和管理站点 31
3.3.1 上机练习——创建本地站点 31
3.3.2 上机练习——管理本地站点 32
3.4 插入文本 34
3.4.1 上机练习——插入普通文本 34
3.4.2 上机练习——设置文本属性 35
3.4.3 上机练习——插入特殊字符 36
3.5 使用列表 38
3.5.1 上机练习——插入项目列表 38
3.5.2 插入编号列表 39
3.6 在网页中插入文件头部内容 40
3.6.1 插入META信息 40
3.6.2 设置基础 41
3.6.3 插入关键字 42
3.6.4 插入说明 42
3.6.5 设置刷新 42
3.7 插入其他对象 43
3.7.1 上机练习——插入日期 43
3.7.2 上机练习——插入水平线 44
3.8 综合应用 46
3.9 专家秘籍 49
设计丰富多彩的图像和多媒体网页 51
4.1 在网页中插入图像 53
4.1.1 网页中图像的常见格式 53
4.1.2 上机练习——插入图像 53
4.2 网页图像的应用 55
4.2.1 上机练习——鼠标经过图像 55
4.2.2 上机练习——插入图像占位符 57
4.3 插入声音 59
4.3.1 音频文件格式 59
4.3.2 上机练习——添加背景音乐 59
4.4 插入视频 61
4.4.1 视频的文件格式 61
4.4.2 上机练习——在网页中插入视频 62
4.5 插入其他媒体文件 63
4.5.1 上机练习——插入Flash 63
4.5.2 上机练习——插入Java Applet 65
4.6 网页链接的创建 67
4.6.1 网页链接的基本类型 67
4.6.2 上机练习——图像热点链接 68
4.6.3 上机练习——E-mail链接 69
4.6.4 上机练习——下载文件链接 71
4.6.5 上机练习——锚点链接 72
4.6.6 上机练习——脚本链接 74
4.6.7 上机练习——空链接 75
4.7 综合应用 76
4.8 专家秘籍 81
使用表格和Spry排版网页 82
5.1 插入表格 83
5.1.1 上机练习——插入表格 83
5.1.2 上机练习——添加内容到单元格 86
5.2 编辑表格 87
5.2.1 选择表格及其元素 87
5.2.2 调整表格和单元格的大小 91
5.2.3 添加、删除行或列 93
5.2.4 拆分单元格 94
5.2.5 合并单元格 95
5.2.6 剪切、复制、粘贴表格 95
5.3 设置表格属性 96
5.3.1 设置整个表格的属性 96
5.3.2 设置行、列和单元格属性 96
5.4 使用Spry布局对象 97
5.4.1 上机练习——使用Spry菜单栏 97
5.4.2 使用Spry选项卡式面板 98
5.4.3 使用Spry折叠式 99
5.4.4 上机练习——使用Spry可折叠面板 100
5.5 综合应用——制作圆角表格 100
5.6 专家秘籍 103
使用模板和库快速创建网页 105
6.1 创建模板 106
6.1.1 上机练习——新建模板 106
6.1.2 上机练习——从现有文档创建模板 108
6.2 创建可编辑区域 109
6.2.1 上机练习——插入可编辑区域 109
6.2.2 删除可编辑区域 110
6.3 使用模板创建网页 110
6.4 创建与应用库项目 112
6.4.1 上机练习——创建库项目 112
6.4.2 上机练习——应用库项目 114
6.4.3 上机练习——修改库项目 115
6.5 综合应用 116
6.6 专家秘籍 121
使用行为和脚本设计动感特效网页 123
7.1 动作和事件 124
7.1.1 动作 124
7.1.2 事件 125
7.2 行为的添加与编辑 126
7.2.1 行为的添加 126
7.2.2 行为的修改 127
7.3 使用Dreamweaver内置行为 127
7.3.1 上机练习——交换图像 127
7.3.2 恢复交换图像 128
7.3.3 上机练习——打开浏览器窗口 129
7.3.4 上机练习——调用JavaScript 131
7.3.5 改变属性 133
7.3.6 上机练习——拖动AP元素 133
7.3.7 上机练习——转到URL 135
7.3.8 上机练习——弹出信息 136
7.3.9 上机练习——预先载入图像 138
7.3.10 上机练习——设置状态栏文本 139
7.3.11 跳转菜单 140
7.3.12 显示-隐藏元素 142
7.3.13 上机练习——检查表单 144
7.3.14 上机练习——增大/收缩效果 146
7.3.15 上机练习——挤压效果 147
7.4 使用JavaScript制作网页特效 149
7.4.1 上机练习——制作滚动文字公告 149
7.4.2 上机练习——禁止下载网页图像 150
7.4.3 上机练习——设置为IE首页 152
7.4.4 上机练习——添加到收藏夹 153
7.5 专家秘籍 154
使用CSS样式表美化网页 156
8.1 CSS样式表 157
8.2 CSS基本语法 158
8.3 设置CSS属性 159
8.3.1 设置CSS类型属性 159
8.3.2 设置CSS背景属性 160
8.3.3 设置CSS区块属性 162
8.3.4 设置CSS方框属性 163
8.3.5 设置CSS边框属性 164
8.3.6 设置CSS列表属性 165
8.3.7 设置CSS定位属性 165
8.3.8 设置CSS扩展属性 166
8.4 链接到或导出外部CSS样式表 167
8.4.1 上机练习——创建内部样式表 167
8.4.2 上机练习——创建外部样式表 169
8.4.3 上机练习——链接外部样式表 170
8.5 综合应用 172
8.6 专家秘籍 176
用CSS+Div灵活布局页面 177
9.1 初识Div 178
9.1.1 Div概述 178
9.1.2 CSS+Div布局的优势 178
9.2 关于AP Div 179
9.2.1 AP Div的概念 179
9.2.2 AP Div面板 179
9.2.3 创建普通AP Div 180
9.2.4 创建嵌套AP Div 181
9.3 设置AP Div的属性 181
9.3.1 设置AP Div的显示/隐藏属性 181
9.3.2 改变AP Div的堆叠顺序 182
9.3.3 为AP Div添加滚动条 182
9.3.4 改变AP Div的可见性 183
9.4 CSS定位与Div布局 184
9.4.1 盒子模型 184
9.4.2 元素的定位 184
9.5 CSS+Div布局的常用方法 187
9.5.1 使用Div对页面整体规划 188
9.5.2 使用CSS定位 188
9.6 综合应用——利用模板制作CSS布局网页 190
9.7 专家秘籍 193
第3篇 开发动态数据库网站
动态网站开发基础 197
10.1 动态网页的特点和制作流程 199
10.1.1 动态网页的特点 199
10.1.2 动态网页的制作流程 200
10.2 在网页中插入交互式表单对象 200
10.2.1 上机练习——插入表单域 201
10.2.2 上机练习——插入文本域 202
10.2.3 上机练习——插入复选框和单选按钮 205
10.2.4 上机练习——插入列表/菜单 207
10.2.5 上机练习——插入文件域和按钮 208
10.3 搭建本地服务器 212
10.3.1 上机练习——安装IIS 212
10.3.2 上机练习——配置Web服务器 213
10.4 创建数据库连接 214
10.4.1 上机练习——创建ODBC连接 214
10.4.2 上机练习——使用DSN创建ADO连接 215
10.5 编辑数据表记录 216
10.5.1 创建记录集（查询） 216
10.5.2 插入记录 218
10.5.3 更新记录 219
10.5.4 删除记录 220
10.6 添加服务器行为 221
10.6.1 插入重复区域 221
10.6.2 插入显示区域 222
10.6.3 记录集分页 223
10.6.4 转到详细页面 224
10.6.5 转到相关页面 224
10.6.6 用户身份验证 225
10.7 专家秘籍 227
设计动态网站常用模块 230
11.1 设计留言系统 231
11.1.1 需求分析与设计思路 231
11.1.2 设计数据库与数据库连接 232
11.1.3 创建留言列表页面 234
11.1.4 创建留言详细页面 238
11.1.5 创建添加留言页面 240
11.2 设计新闻发布系统 244
11.2.1 主要功能页面 245
11.2.2 设计数据库 246
11.2.3 创建数据库连接 248
11.2.4 新闻列表页面的制作 249
11.2.5 新闻详细页面的制作 255
11.2.6 后台登录页面 257
11.2.7 删除新闻页面的制作 260
11.2.8 添加新闻页面的制作 262
11.2.9 修改新闻页面的制作 264
11.2.10 新闻管理总页面 266
11.3 专家秘籍 270
第4篇 设计与处理精美的网页图像
使用Photoshop CS6设计网页中的特效文字 273
12.1 使用文字工具 274
12.1.1 上机练习——文字的输入 274
12.1.2 上机练习——设置文字属性 275
12.1.3 上机练习——文字的变形 277
12.2 Photoshop图层基本操作 278
12.2.1 添加图层 278
12.2.2 删除图层 278
12.2.3 合并图层 279
12.2.4 设置图层样式 279
12.3 设计常见的网页特效文字 281
12.4 专家秘籍 288
设计网页中经典图像元素 289
13.1 设计网站Logo 290
13.1.1 Logo的特点 290
13.1.2 Logo设计标准 291
13.1.3 上机练习——网站Logo设计实例 291
13.2 网络广告的制作 293
13.2.1 网络广告设计技巧 293
13.2.2 上机练习——设计网络广告 294
13.3 设计网站首页 298
13.3.1 上机练习——首页的制作 298
13.3.2 上机练习——切割输出首页图像 304
13.4 设计网页按钮 306
13.5 制作导航栏 309
13.6 专家秘籍 312
第5篇 设计超炫的网页动画
使用Flash CS6创建基本动画 314
14.1 Flash CS6工作界面 315
14.2 时间轴与关键帧 317
14.2.1 时间轴 317
14.2.2 时间轴中的图层 318
14.2.3 关键帧 318
14.3 创建基本动画 319
14.3.1 上机练习——逐帧动画 319
14.3.2 上机练习——补间动画 322
14.4 创建引导动画 324
14.4.1 引导动画的创建原理 324
14.4.2 上机练习——创建引导动画 324
14.5 创建遮罩动画 327
14.5.1 遮罩动画的创建原理 327
14.5.2 上机练习——创建遮罩动画 327
14.6 创建有声动画 330
14.6.1 Flash中可使用的声音文件类型 330
14.6.2 添加声音 330
14.6.3 编辑声音 332
14.6.4 上机练习——创建声音动画 333
14.7 专家秘籍 335
使用ActionScript创建交互动画 336
15.1 ActionScript概述 337
15.1.1 ActionScript的发展史 337
15.1.2 ActionScript 3.0的特点 338
15.2 ActionScript 3.0语句中的参数 339
15.2.1 ActionScript中的专业术语 339
15.2.2 ActionScript 3.0基本语法 341
15.3 常用ActionScript语句 343
15.3.1 for循环 343
15.3.2 while和do while循环 343
15.3.3 条件语句 344
15.3.4 特殊条件判断 344
15.4 代码的输入 344
15.5 ActionScript的编辑环境 345
15.6 利用ActionScript制作交互网页的动画 346
15.6.1 综合应用1——创建跳转到其他网页动画 346
15.6.2 综合应用2——创建网页导航动画 348
15.6.3 综合应用3——创建鼠标特效 353
15.6.4 综合应用4——制作发光旋转效果 356
15.6.5 综合应用5——制作响应鼠标效果 360
15.7 专家秘籍 364
第6篇 网站的策划与安全管理
网站的整体策划 366
16.1 为什么要进行网站策划 367
16.2 如何进行网站策划 368
16.2.1 网站策划的原则 368
16.2.2 网站策划的关键点 369
16.3 如何确定网站的定位 370
16.4 确定网站的目标用户 371
16.5 网站的内容策划 372
16.5.1 网站内容策划的重要性 372
16.5.2 如何做好网站内容策划 372
网站页面设计策划 374
17.1 网站栏目和页面设计策划 376
17.1.1 网站的栏目策划 376
17.1.2 网站的页面策划 377
17.2 网站导航设计 378
17.2.1 导航设计的基本要求 378
17.2.2 全局导航的基本要素 379
17.2.3 辅助导航的设计要点 379
17.2.4 导航设计要点 380
17.3 网站页面版式风格设计 381
17.3.1 网站内容的排版 381
17.3.2 网站网页的布局形式 382
17.3.3 网站界面设计的兼容性 384
17.3.4 界面布局与内容的相关性 384
17.4 网站视觉元素设计 385
17.4.1 让文字易辨识 385
17.4.2 让图片更合理 386
17.4.3 让表单更易用 387
17.4.4 让按钮更易点击 388
网站的安全与运营维护 390
18.1 Web服务的高级设置 391
18.1.1 设置用户 391
18.1.2 NTFS权限的设置 393
18.1.3 目录和应用程序访问权限的设置 394
18.1.4 匿名和授权访问控制 395
18.1.5 备份与还原IIS 396
18.2 反黑客技术 397
18.2.1 计算机的设置 397
18.2.2 隐藏IP地址 400
18.2.3 操作系统账号管理 401
18.2.4 安装必要的安全软件 402
18.2.5 浏览器的安全设置 402
18.2.6 网站防火墙的应用 403
18.3 网站运营 404
18.3.1 网站运营的工作内容 404
18.3.2 网站运营的关键问题 405
18.4 网站日常维护与管理 406
第7篇 完整商业网站的建设
网站建设规范和基本流程 408
19.1 网站建设规范 409
19.1.1 组建开发团队规范 409
19.1.2 开发工具规范 409
19.1.3 超链接规范 409
19.1.4 文件夹和文件命名规范 410
19.1.5 代码设计规范 411
19.2 网站建设的基本流程 411
19.2.1 网站的需求分析 412
19.2.2 网站整体规划 412
19.2.3 确定网站整体风格 412
19.2.4 收集资源 413
19.2.5 设计网页图像 414
19.2.6 编辑制作网页 415
19.2.7 开发动态网站模块 416
19.2.8 申请域名和服务器空间 416
19.2.9 测试与发布上传 417
19.2.10 网站维护 418
19.2.11 网站推广 418
设计企业宣传展示型网站 422
20.1 网站前期策划 423
20.2 网站的版面布局及色彩 424
20.2.1 草案及粗略布局 424
20.2.2 确定网站的色彩 424
20.3 设计网站首页 425
20.3.1 首页的设计 425
20.3.2 切割首页 431
20.4 创建本地站点 433
20.5 二级模板页面的设计 434
20.5.1 创建库文件 434
20.5.2 创建模板 436
20.5.3 利用模板创建二级页面 439
20.6 专家秘籍 441
设计在线购物网站 444
21.1 购物网站设计概述 445
21.1.1 购物网站概念 445
21.1.2 购物网站的设计要点 445
21.1.3 主要功能页面 446
21.2 创建数据库与数据库连接 448
21.2.1 创建数据库表 448
21.2.2 创建数据库连接 450
21.3 设计购物系统前台页面 451
21.3.1 设计商品分类展示页面 451
21.3.2 设计商品详细信息页面 455
21.4 设计购物系统后台管理 457
21.4.1 设计添加商品页面 457
21.4.2 设计商品管理页面 461
21.4.3 制作修改页面 465
21.4.4 设计删除页面 467
21. 5 专家秘籍 470