网页设计与制作（第二版）

本书特色：

按照网页设计的实际过程介绍软件知识，，还能掌握一些实际设计中必备的基础知识和软件应用技巧

在安排各章内容和实例时，严格控制篇幅和实例的难易程度，兼顾了教师教学

教材所有的实例都提供了素材，满足了教学和读者自学的需要。

提供了配套教材《网页设计与制作实训指导》，帮助读者增强创作灵感和实战经验

第二版前言

自《网页设计与制作》（任正云、陆大修编著，中国水利水电出版社出版）出版以来，经过多年的使用，得到了广大教师和读者的肯定，根据教育部高等学校计算机基础课程教学指导委员会《高等学校计算机基础核心课程教学实施方案》的要求，针对应用型人才培养的目标，根据软件升级和实际需要，吸取广大读者的宝贵意见，在第1版的基础上进行了如下几个方面的改进：

（1）将应用软件从Dreamweaver 8、Fireworks 8、Flash 8全面升级到Dreamweaver CS5、Fireworks CS5、Flash CS5，详细地介绍CS5的使用方法和操作技巧，将网页设计过程中的难点、要点贯穿一线，循序渐进地介绍了网页制作的整个过程，其中包括构思、规划、制作和发布等。

（2）按照网页设计的实际过程介绍软件知识，从而使读者在学习软件功能的同时，还能掌握一些实际设计中必备的基础知识和软件应用技巧。

（3）在安排各章内容和实例时，严格控制篇幅和实例的难易程度，兼顾了教师教学。教材所有的实例都提供了素材，满足了教学和读者自学的需要。

（4）本书提供了配套教材《网页设计与制作（第二版）实训指导》，每个实训任务都提出明确的实训要求，通过生动的实例，剖析利用网页三剑客进行网站设计开发的全过程，在掌握网页设计与制作强大功能的同时，还能帮助读者增强创作灵感和实战经验。

本书由任正云、赖玲、严永松编著，任正云负责第1～10章的编写，赖玲和严永松负责第11和第12章的编写，赖玲还参与了第1、2、3章的编写，参加编写的人员还有陈万华、琚辉、王娅纷、沈成涛、李敏、李祥琴、李俊梅、张牧和肖衡。全书由任正云统稿，赖玲负责校对，陈万华、严永松、沈成涛、吴际林为本书绘制了大量的插图，在编写和修改过程中，田原、胡玉荣、李素若提出了宝贵的意见和建议，并给予非常大的帮助，在此一并表示感谢！

由于编者水平有限，编写时间仓促，书中如有疏漏和不足之处，敬请读者和专家批评指正。

编 者

2011年11月

第一版前言

随着计算机技术和通信技术的飞速发展，网络的应用已经深入人们的工作和生活。为了充分利用网络资源，企业可以宣传自己的产品；政府可以发布有关的政策法规；学校可以为学生提供有关的教学信息。为了使自己的网站能够吸引越来越多的用户，迫切需要了解并掌握网页设计技术。

本书从实际出发，以理论结合实际的方式，详细地介绍了Dreamweaver 8、Fireworks 8、Flash 8三个软件的使用方法和操作技巧，将网页设计过程中的难点、要点贯穿一线，循序渐进地介绍了网页制作的整个过程，其中包括构思、规划、制作和发布等。

本书共分12章，从HTML入门、网站规划开始，配以丰富的实例，重点介绍使用“三剑客”制作网页的方法和技巧；第1章介绍了HTML初步，第2～9章介绍了网页文档的创建、网页的定位技术、网页的修饰技术；第10章介绍了如何使用Fireworks 8处理网页图像；第11章介绍了如何使用Flash 8制作网页动画，第12章介绍了动态网站技术。每章后面都给出了精心设计的思考题和上机练习题，以便于读者进一步理解和巩固所学的知识。

本书十分重视实际能力的培养，每讲一个知识点，都配有实践技能训练，为帮助读者掌握这些技能，写作时着重注意如下几点：

（1）表述概念力求准确而不冗长，尽可能深入浅出。

（2）对操作过程尽量配以图形说明。

（3）提供了丰富详实的例子，让读者学习轻松，上手容易，将读者学习软件时的困难一一化解。

（4）每章的最后都附有练习题和上机练习题，便于读者巩固加深所学的知识。

本书由任正云、陆大修编著，参加编写的人员还有陈万华、琚辉、严永松、沈成涛、毛红鹰、刘青筱、李成海、熊治梅和肖衡。全书由任正云完成统稿和校对，陈万华、严永松、沈成涛、刘青筱为本书绘制了大量的插图，在编写和修改过程中，田原、胡玉荣、李素若提出了宝贵的意见和建议，并给予非常大的帮助，在此一并表示感谢！

由于编者水平有限，编写时间仓促，书中如有疏漏和不足之处，敬请读者和专家批评指正。

编 者

2007年4月

序
第二版前言
第一版前言

第1章 网页基础知识 1
1.1 网页概述 1
1.1.1 什么是网页 1
1.1.2 网页中的基本元素 1
1.1.3 网页的类型 3
1.2 网页制作工具简介 6
1.2.1 网页编辑工具 6
1.2.2 网页动画制作软件 6
1.2.3 网络图像处理软件 7
1.3 网页的设计 7
1.3.1 确定网页内容 7
1.3.2 确定网站的CI 9
1.3.3 首页设计 10
1.3.4 版面设计 10
1.3.5 可用性设计 13
1.4 HTML基础 17
1.4.1 HTML语言结构的基本标志 17
1.4.2 页面格式标志 18
1.4.3 文本标志 20
1.4.4 图像标志 21
1.4.5 表格标志 22
1.4.6 链接标志 24
1.4.7 标志帧 25
1.4.8 表单标志 27
1.4.9 多媒体标志 29
1.4.10 其他标志 30
1.5 实践技能训练 31
1.5.1 字体设置标记 31
1.5.2 字符修饰标记 31
1.5.3 表格标记 32
本章思考与练习 33
第2章 Dreamweaver CS5入门 34
2.1 Dreamweaver CS5界面介绍 34
2.2 Dreamweaver CS5常用工具 35
2.2.1 菜单栏工具 35
2.2.2 文档工具栏 36
2.2.3 插入面板 37
2.3 Dreamweaver CS5的新功能 38
2.3.1 集成CMS支持 38
2.3.2 与Adobe BrowserLab集成 38
2.3.3 CSS新增功能 38
2.3.4 PHP自定义类代码提示 39
2.3.5 Business Catalyst集成 39
2.3.6 Subversion支持新增功能 39
2.3.7 简化站点设置 39
2.4 在Dreamweaver CS5中规划站点 39
2.5 搭建与设置站点 41
2.5.1 搭建站点 41
2.5.2 设置站点 42
2.5.3 服务器 43
2.5.4 使用高级设置建立站点 44
2.5.5 搭建站点结构 45
2.6 站点的测试与发布 46
2.6.1 获得Web服务器 46
2.6.2 网站的测试 47
2.6.3 上传站点 47
2.6.4 网站的维护与推广 47
2.7 实践技能训练 48
2.7.1 建立并设置本地根文件夹 48
2.7.2 定义站点 49
2.7.3 创建ODBC连接 50
上机练习 52
第3章 创建和编辑网页文档 53
3.1 创建一个新文档 53
3.1.1 创建新的空白文档 53
3.1.2 打开现有文档 53
3.1.3 设置页面属性 56
3.2 文字处理 57
3.2.1 输入文字 57
3.2.2 编辑文字 58
3.2.3 插入水平线 60
3.2.4 插入更新日期 61
3.3　在网页中使用图像 61
3.3.1 编辑图像 62
3.3.2 插入图像 62
3.3.3 设置图像属性 63
3.3.4 插入图像占位符 65
3.3.5 插入鼠标经过图像 66
3.3.6 实践技能训练 67
3.4 超级链接 69
3.4.1 超级链接的概念 69
3.4.2　创建超级链接 70
3.4.3　管理超级链接 74
3.4.4 图像映射 77
3.5 插入媒体 77
3.5.1 插入Flash 77
3.5.2 插入音视频 79
3.5.3 插入JavaApplet和ActiveX 81
3.6 实践技能训练 82
本章思考与练习 84
上机练习 84
第4章 表格布局的使用 85
4.1 插入表格 85
4.2 输入表格内容 85
4.3 嵌套表格 86
4.4 设置表格属性 86
4.5 实践技能训练 88
4.5.1 实践技能训练—课程表 88
4.5.2 实践技能训练—嵌套表格的使用 89
本章思考与练习 91
上机练习 91
第5章 使用CSS样式表修饰页面 93
5.1 CSS概述 93
5.1.1 CSS的类型 93
5.1.2 添加CSS的方法 94
5.2 样式的创建与应用 94
5.2.1 类样式的创建与应用 94
5.2.2 HTML标记样式的创建与使用 96
5.2.3 复合样式的创建与应用 98
5.3 使用外部CSS样式 99
5.3.1 创建外部CSS 99
5.3.2 附加外部CSS 100
5.4 CSS的更多设置 101
5.4.1 类型设置 102
5.4.2 背景颜色 103
5.4.3 文字整体设置 104
5.4.4 边框的设置 104
5.4.5 扩展设置 105
5.5 实践技能训练—利用CSS修饰
“斯美泰服装”页面 105
本章思考与练习 112
第6章 布局对象AP Div的使用 113
6.1 AP Div简介 113
6.1.1 设置AP Div的属性 113
6.1.2 AP元素面板的使用 114
6.1.3 实践技能训练—使用AP Div
布局网页 114
6.2 AP Div和表格的转换 117
6.2.1 将AP Div转换为表格 117
6.2.2 将表格转换成AP Div 118
6.3 使用Spry布局对象 118
6.3.1 使用Spry菜单栏 118
6.3.2 使用Spry选项卡式面板 119
6.3.3 使用Spry折叠式面板 119
6.3.4 使用Spry可折叠面板 119
6.3.5 实践技能训练 119
6.4 使用CSS和Div布局页面 121
本章思考与练习 126
第7章 利用框架布局页面 127
7.1 框架与框架集的概念 127
7.2 创建框架集 127
7.3 框架集的基本操作 128
7.4 设置框架集与框架的属性 129
7.5　在框架中设置链接 131
7.6 实践技能训练—制作
“网上书店”的主页 131
本章思考与练习 139
上机练习 140
第8章 应用模板和库快速设计网页 141
8.1 利用模板创建网页 141
8.1.1 创建模板 142
8.1.2 编辑模板 144
8.1.3 应用模板 146
8.2 使用库项目 147
8.2.1 创建库项目 147
8.2.2 在网页中插入库 148
8.2.3 修改库和更新站点 148
8.3 实践技能训练—模板和库的
综合使用 149
8.3.1 创建网页库项目 149
8.3.2 创建模板网页 152
本章思考与练习 157
上机练习 157
第9章 表单的使用 158
9.1 表单的基本概念 158
9.2 表单的创建 158
9.3 创建文本域 159
9.4 创建按钮 160
9.4.1 插入标准表单按钮 160
9.4.2 插入图像表单 161
9.4.3 插入文件域按钮 161
9.5 插入单选按钮与复选框 162
9.6 列表与菜单 163
9.7 实践技能训练—制作“注册页面” 164
本章思考与练习 169
上机练习 169
第10章 网页图像制作与优化 170
10.1 Fireworks CS5简介 170
10.2 Fireworks CS5工作环境 171
10.2.1 Fireworks CS5的界面 171
10.2.2 菜单栏 172
10.2.3 工具栏 172
10.2.4 文档编辑窗口 173
10.2.5 工具箱 174
10.2.6 浮动面板 174
10.3 Fireworks CS5的简单操作 175
10.3.1 操作Fireworks CS5文档 175
10.3.2 绘制简单的矢量图形 177
10.3.3 使用滤镜 178
10.4 将文本附加于路径 181
10.5 创建按钮与菜单 182
10.5.1 创建按钮 182
10.5.2 创建菜单 185
10.6 图像切片的使用 191
10.6.1 创建切片对象 191
10.6.2 使用切片交互 193
10.7 网页图形图像的优化与发布 196
10.7.1 选择文件的优化格式 196
10.7.2 优化GIF格式 197
10.7.3 优化JPEG格式 200
10.7.4 使用导出向导 201
10.8 实践技能训练 203
10.8.1 导入图像 203
10.8.2 绘制页面图像 203
10.8.3 创建按钮 205
10.8.4 设定交互图像 206
10.8.5 页面图像的优化 206
上机练习 208
第11章 网页动画制作 210
11.1 Flash CS5概述 210
11.1.1 Flash CS5的开始界面 211
11.1.2 Flash CS5的工作界面 211
11.1.3 时间轴 211
11.1.4 工具箱 212
11.2 在网页中添加特效文字 213
11.3 利用Flash CS5制作常用的图案 218
11.3.1 绘制四角星、五角星 218
11.3.2 绘制太极八卦图与二进制数 220
11.3.3 绘制香港特别行政区区旗 223
11.4 元件和实例 227
11.4.1 元件的简介 227
11.4.2 实例 230
11.4.3 几种特殊的元件和实例的介绍 231
11.4.4 元件库 233
11.5 逐帧动画 235
11.5.1 逐帧动画的概念及表现形式 235
11.5.2 逐帧动画的制作方法 235
11.5.3 逐帧动画实例 236
11.6 创建形状补间动画 237
11.7 遮罩动画 240
11.7.1 遮罩动画的概念 241
11.7.2 遮罩动画的创建方法 241
11.7.3 应用遮罩时的技巧 241
11.7.4 实践技能训练 242
11.8 创建动画补间动画 245
11.8.1 动画补间动画的概念 245
11.8.2 动画补间动画的属性面板 246
11.8.3 实践技能训练 247
本章思考与练习 249
上机练习 249
第12章 服务器段程序的开发 250
12.1 动态网页与ASP 250
12.2 ASP的开发 251
12.2.1 ASP语言开发基础 251
12.2.2 ASP内建对象 255
12.2.3 ADO简介 261
12.3 搭建动态应用程序开发环境 262
12.3.1 安装因特网信息服务器（IIS） 262
12.3.2 设置因特网信息服务器IIS 263
12.4 设计数据库 264
12.5 建立数据库连接 266
12.5.1 定义系统DSN 267
12.5.2 建立系统DSN 267
12.6 编辑数据表记录 268
12.6.1 查询并显示记录 269
12.6.2 插入记录 269
12.6.3 更新记录 270
12.6.4 删除记录 271
12.7 添加服务器行为 271
12.7.1 插入重复区域 271
12.7.2 插入显示区域 271
12.7.3 记录集分页 272
12.7.4 转到详细页面 272
12.7.5 转到相关页面 273
12.7.6 用户身份验证 273
12.8 实践技能训练—留言簿的制作 274
12.8.1 实例分析 274
12.8.2 文件说明 274
12.8.3 数据库的创建 275
12.8.4 首页的制作 277
12.8.5 留言页面的制作 283
12.8.6 管理页面的制作 286
12.8.7 回复页面的设置 287
12.8.8 删除页面的制作 289
12.8.9 登录机制 289
12.8.10 共享源文件夹 291
本章思考与练习 293
上机练习 293
参考文献 294

1. 实用运筹学 [主编　邢育红　于晋臣]
2. 电子技术（第二版） [主编 覃爱娜 李飞]
3. 劳动争议处理实务 [主编 王秀卿 罗静]
4. 工程数学 [主编 郭立娟 王海]
5. 语音识别理论与实践 [主编　莫宏伟]
6. 武术基础教程 [主编 李代勇 谢志民]
7. 计算机网络实训教程 [主编 张浩军 赵玉娟]
8. 画法几何与机械制图习题集（多学时） [主编 赵军]
9. 电工电子技术基础 [主编 刘 军 杨国龙 刘天成]
10. MySQL数据库项目式教程 [陈亚峰]
11. 机械设计基础（第二版） [主编 田亚平 李爱姣]
12. 画法几何与机械制图 [主编 赵军]
13. C语言程序设计习题与实验指导（第二版） [主编 甄增荣 张宾]
14. C语言程序设计（第二版） [主编 甄增荣 田云霞]
15. Unity3D虚拟现实应用开发实践 [主 编 刘龙]
16. 智能化技术基础（第三版） [邓文达　李礼]
17. 面向对象程序设计 [主编 张勇 张平华 赵小龙]
18. 网络营销 [主编 夏薇薇 刘婷 尚洁]
19. 电视节目策划与制作（微课版） [主　编　黄滴滴]
20. 数据库技术与应用实践教程（SQL Server 2019） [主 编 严晖 周肆清]
21. 大学应用数学 [主编 郭立娟]
22. 工业机器人拆装与调试 [主编 胡月霞 向艳芳 朱奇]
23. 功能材料制备与表征实验指导书 [龚伟平 赵军峰 梅海娟 等编著]
24. 信号与系统（第二版） [主编 张宇]
25. 信息技术基础 [主编 唐倩 邵锐]
26. Python 语言程序设计实践指导 [主编　张双狮]
27. Photoshop 图形图像项目化教程 [主编 胡斌斌 黎娅 苏大椿]
28. 基于.NET Core框架的分布式系统架构设计 [汤佳 著]
29. 体育舞蹈教程 [主编 刘伟 陈志明 曾明]
30. 线性代数导学篇 [主编 史昱]