网页设计与制作

内容全面，主要介绍运用 Dreamweaver CS6 进行网页设计，还涉及使用 Flash CS6制作网页动画和ASP动态网页开发技术。

注重实践，理论深浅适宜、条理清晰，实践部分精选案例、联系实际应用，图文并茂，易于理解。

以培养具有创新、创业能力的应用型人才为目标，知识为应用服务，理论为实践服务。

现代社会互联网广泛应用于学习、工作和生活的方方面面，因此掌握一定的互联网应用知识与技能是现代大学生的基本素养之一。网页是互联网上信息的主要载体，是人们与互联网交互的桥梁。网页设计不仅是一种计算机应用技能，也是学生深入了解互联网信息呈现方式、提高自己信息技术素养的一种途径。

本教材面向初学者，是针对非计算机专业本科生的普通高等学校通用教材。教材的编写者是工作在教学第一线、经验丰富的教师团队。本教材的编写宗旨是为培养应用型人才的目标服务，为培养具有创新、创业能力的本科生服务。本教材的特点是面向应用、内容全面、注重实践、易于掌握。每一章后的实践演练都是一些经典实例，尽量覆盖本章的主要知识点，既可作为教师教学时的案例，又可以供学生实践练习。教材内容力争做到知识为应用服务，理论为实践服务，使学生真正掌握网页设计的知识和操作技能。

本书主要介绍Dreamweaver的使用，同时还包含网页动画制作软件Flash CS6及动态网页开发工具ASP的简要介绍。第1章主要介绍网页设计的基础知识、相关概念、网页设计的原则及HTML语言的相关内容，为后续网页设计的学习做准备。第2章介绍Dreamweaver CS6的基本操作、创建与管理本地站点以及通过FTP与远程站点传输文件等操作。第3章具体介绍网页制作时文本、图像、声音、动画和视频等网页元素的插入与编排。第4章介绍网页中超链接的概念、种类与创建方法。第5章介绍表格在网页中的应用，表格是网页中常用的信息展示方式，也是页面布局的重要工具。第6章介绍使用CSS对网页进行排版、修饰和美化的相关知识。第7章介绍Div与AP Div的创建与使用，并结合实际应用介绍Div和CSS设计网页的方法与技巧。第8章介绍使用框架进行网页布局的操作方法与应用。第9章介绍应用网页模板与库提高网页制作效率，介绍创建网页模板、更新库项目等操作。第10章主要介绍行为的概念、添加和设置行为及应用行为设置对象的特殊效果等内容。第11章介绍常用的表单对象、Spry表单验证构件及Spry布局构件的相关知识与应用，是设计动态网页的基础。第12章介绍了使用Flash设计网页动画的相关知识。第13章介绍使用ASP设计动态网页的基础知识与简单应用，使学生更好地理解动态网页的设计方法。第14章系统介绍了网站的开发过程，并以一个企业网站为例详细介绍了网站开发设计的方法。

本书第1章由张宇编写，第2章和第11章由杨毅编写，第3章由黄海玉编写，第4章由王毅编写，第5章由秦凯编写，第6章和第14章由杨明学编写，第7章和第9章由姚晓杰编写，第8章由梁宁玉编写，第10章由王立武编写，第12章和第13章由姜雪编写。本书由杨毅担任主编，负责统稿和校对，张宇负责审定。

由于作者的经验和水平有限，书中难免有疏漏和不足之处，恳请广大读者和专家批评指正。

编　者

2016年9月

目 录
前言

第1章 网页设计基础 1
1.1 网页设计基础知识 1
1.1.1 网页的相关概念 1
1.1.2 网页的类型 2
1.1.3 网页中的基本元素 4
1.1.4 网页的组成 5
1.1.5 网页制作工具简介 7
1.2 网页设计的原则 8
1.2.1 版面设计 8
1.2.2 网页色彩设计 10
1.2.3 网页中图像与文字的排版设计 11
1.2.4 网页的总体设计原则 11
1.3 HTML语言简介 14
1.3.1 HTML基本概念 14
1.3.2 HTML语言的基本标志 14
1.3.3 页面格式标志 16
1.3.4 文本标志 19
1.3.5 图像标志 20
1.3.6 表格标志 21
1.3.7 链接标志 22
1.3.8 框架标志 23
1.3.9 表单标志 25
1.3.10 其他标志 27
1.4 实践演练 29
1.4.1 典型网页浏览 29
1.4.2 HTML标志练习 29
1.4.3 HTML网页的效果演示 31
思考与练习 33
第2章 Dreamweaver入门 34
2.1 Dreamweaver CS6操作界面简介 34
2.1.1 菜单栏和布局切换按钮 35
2.1.2 文档窗口 36
2.1.3 文档工具栏 36
2.1.4 “属性”面板 37
2.1.5 状态栏 37
2.1.6 面板组 38
2.2 创建与管理本地静态站点 38
2.2.1 站点概述 38
2.2.2 创建本地站点 39
2.2.3 管理本地站点 40
2.2.4 编辑站点内容 41
2.3 利用FTP服务器传输站点 42
2.3.1 在服务器端运行FTP服务器程序 42
2.3.2 在客户端设置FTP服务器的参数 43
2.3.3 站点与FTP服务器之间传递文件 45
2.4 实践演练 46
2.4.1 创建本地站点 46
2.4.2 在“设计”视图编辑网页文档 49
2.4.3 自定义Dreamweaver编辑环境 52
思考与练习 54
第3章 基本网页制作 55
3.1 文本的编辑 55
3.1.1 输入文本内容 55
3.1.2 编辑文本 60
3.1.3 文本中的列表 62
3.2 图像的使用 64
3.2.1 在Web中使用的图像格式 64
3.2.2 图像的插入 64
3.2.3 插入图像占位符 68
3.2.4 插入鼠标经过图像 69
3.2.5 设置网页背景 70
3.2.6 给图像加文字说明 71
3.3 多媒体对象的使用 72
3.3.1 插入声音 72
3.3.2 插入动画和视频 74
3.3.3 插入其他多媒体元素 78
3.4 实践演练 80
3.4.1 编辑我的网页空间 80
3.4.2 创作图文混排的网页文档 82
3.4.3 插入Flash对象并设置 83
思考与练习 84
第4章 超链接的应用 85
4.1 超链接基础 85
4.1.1 超链接的概念 85
4.1.2 超链接的分类 86
4.1.3 链接路径 86
4.1.4 链接的颜色 87
4.2 创建超链接 88
4.2.1 到网站内页面的超链接
——内部链接 88
4.2.2 到网站外页面的超链接
——外部链接 89
4.2.3 创建到网页某一特定位置的超链接
——锚点链接 90
4.2.4 建立电子邮件链接 91
4.2.5 建立无地址链接——空链接 92
4.2.6 图像热点链接 93
4.2.7 脚本链接 94
4.3 超链接的管理 95
4.3.1 自动更新链接 95
4.3.2 改变链接和删除链接 96
4.3.3 在整个站点范围内更新链接 97
4.4 实践演练 97
4.4.1 在网页中建立各种超链接 97
4.4.2 创建锚点链接 100
4.4.3 创建热区链接 103
思考与练习 104
第5章 表格的应用 105
5.1 插入表格 105
5.2 输入表格内容 106
5.3 嵌套表格 106
5.4 设置表格属性 108
5.5 实践演练 109
5.5.1 制作课程表 109
5.5.2 制作个人简历 111
思考与练习 113
第6章 使用CSS样式表修饰美化网页 114
6.1 CSS样式概述 114
6.1.1 CSS样式的概念 114
6.1.2 CSS样式的基本语法格式 115
6.1.3 CSS样式的存放位置 116
6.1.4 CSS样式的分类 117
6.2 CSS样式的创建及应用 118
6.2.1 CSS样式面板 118
6.2.2 内部CSS样式的创建及应用 119
6.2.3 外部CSS样式的创建及应用 128
6.3 设置CSS属性 132
6.3.1 设置类型属性 132
6.3.2 设置背景属性 133
6.3.3 设置区块属性 135
6.3.4 设置方框属性 136
6.3.5 设置边框属性 137
6.3.6 设置列表属性 138
6.3.7 设置定位属性 139
6.3.8 设置扩展属性 140
6.4 实践演练 144
6.4.1 创建内部CSS样式美化网站首页 144
6.4.2 创建外部样式文件 149
6.4.3 导出内部CSS样式到外部样式
文件 150
6.4.4 将外部样式文件链接/导入到
网页文档 153
思考与练习 155
第7章 布局对象Div的使用 157
7.1 Div与AP Div概述 157
7.1.1 Div标签 157
7.1.2 AP Div元素 159
7.2 AP Div管理及操作 161
7.2.1 AP Div的管理 161
7.2.2 AP Div元素的操作 164
7.2.3 AP Div与表格的相互转换 166
7.3 使用CSS和Div布局网页 168
7.3.1 Div+CSS盒子模型 169
7.3.2 Div+CSS的定位（Position） 170
7.3.3 Div+CSS的Float定位（浮动） 171
7.3.4 Div+CSS布局 173
7.4 实践演练 179
7.4.1 应用AP Div制作“照片墙” 179
7.4.2 使用Div+CSS布局制作水乡古镇
旅游网页 180
思考与练习 186
第8章 使用框架布局网页 187
8.1 框架与框架集 187
8.2 创建框架集 187
8.2.1 创建预定义框架集 188
8.2.2 创建自定义框架集 189
8.3 框架集的基本操作 190
8.3.1 选择框架和框架集 190
8.3.2 删除框架 191
8.3.3 改变框架大小 192
8.3.4 保存框架和框架集 192
8.4 设置框架和框架集的属性 194
8.4.1 设置框架属性 194
8.4.2 设置框架集属性 196
8.5 框架中链接的使用 197
8.6 实践演练 197
8.6.1 框架集的设计与制作 198
8.6.2 标题区的制作 203
8.6.3 导航区的制作 206
8.6.4 图书搜索区的制作 208
8.6.5 详细内容区的制作 209
思考与练习 212
第9章 模板和库的应用 213
9.1 模板的创建 213
9.1.1 模板的作用 213
9.1.2 模板的创建 213
9.1.3 编辑网页模板 215
9.1.4 管理和维护网页模板 218
9.2 利用模板创建网页 220
9.3 库的创建与利用 224
9.3.1 什么是库和库项目 224
9.3.2 创建库项目 225
9.3.3 在页面中插入库项目 226
9.3.4 修改及更新库项目 227
9.4 实践演练 228
思考与练习 238
第10章 行为的应用 239
10.1 行为概述 239
10.1.1 “行为”面板 239
10.1.2 事件 241
10.1.3 动作类型 242
10.2 行为的应用 242
10.2.1 调用JavaScript行为 242
10.2.2 打开浏览器窗口行为 243
10.2.3 弹出信息行为 244
10.2.4 显示-隐藏元素行为 245
10.2.5 预先载入图像行为 245
10.2.6 交换图像行为 246
10.2.7 转到URL行为 248
10.2.8 设置文本 249
10.3 实践演练 253
10.3.1 增大/收缩效果 253
10.3.2 挤压效果 254
10.3.3 晃动效果 255
思考与练习 255
第11章 用表单创建交互式网页 256
11.1 关于表单 256
11.1.1 表单概述 256
11.1.2 在页面中插入表单 257
11.1.3 用表格实现表单布局示例 258
11.2 表单对象的使用 259
11.2.1 文本域与文本区域 259
11.2.2 单选按钮与单选按钮组 262
11.2.3 复选框与复选框组 263
11.2.4 列表或菜单 264
11.2.5 按钮和图像域 265
11.3 Spry表单构件 266
11.3.1 Spry验证文本域 267
11.3.2 Spry验证密码 268
11.3.3 Spry验证确认 269
11.4 Spry布局构件 270
11.4.1 Spry菜单栏 270
11.4.2 Spry选项卡式面板 271
11.4.3 Spry折叠式构件 272
11.5 实践演练 273
11.5.1 制作问卷调查网页界面 273
11.5.2 制作注册页面 276
11.5.3 制作网页教程页面的目录 277
思考与练习 279
第12章 网页动画制作 280
12.1 Flash CS6简介 280
12.1.1 启动Flash CS6 280
12.1.2 Flash CS6工作界面 281
12.1.3 绘图工具的使用 282
12.1.4 编辑图形工具 283
12.1.5 填充的应用 284
12.1.6 “时间轴”面板的使用 287
12.1.7 文本工具的使用 290
12.1.8 元件的使用 294
12.2 利用Flash CS6制作网页动画 296
12.2.1 制作简单动画 296
12.2.2 制作高级动画 300
12.2.3 声音的使用 304
12.2.4 视频的使用 305
12.3 在网页中加入Flash动画 306
12.4 实践演练 308
思考与练习 315
第13章 ASP动态网页开发 316
13.1 ASP开发环境设置 316
13.2 数据库应用 319
13.2.1 创建Access 2010数据库 319
13.2.2 数据库连接方法 322
13.3 ASP应用程序开发 325
13.3.1 基于GET方式提交用户信息 325
13.3.2 基于POST方式提交用户信息 327
13.3.3 重定向 329
13.3.4 获取服务器的运行参数 329
13.3.5 简单的网站计数器实现 330
13.3.6 利用Session对象记录用户信息 331
13.3.7 使用Session变量控制计数器 334
13.3.8 使用ADO访问数据库 335
13.4 实践演练 336
思考与练习 341
第14章 网站开发 342
14.1 网站制作 342
14.2 网站的发布流程 344
14.2.1 网站的测试 344
14.2.2 域名的注册和备案 346
14.2.3 网站的发布 347
14.2.4 网站的推广 348
14.3 制作一个企业网站 348
14.3.1 网站设计规划 349
14.3.2 首页制作 351
14.3.3 栏目页面的制作 355
14.3.4 测试与发布网站 361
14.4 实践演练 365
思考与练习 366
参考文献 367

1. 大学生创新创业基础 [主编 姜国权 姜福佳]
2. 信息技术（微课版） [王云　徐江鸿　李清霞　罗学锋　]
3. 管理基础与实务 [主编 王凤基 颜汉军]
4. 高等数学导学篇（下册） [主编 李文婧 胡雷 尹金生]
5. 高等数学导学篇（上册） [主编 李文婧 胡雷 尹金生]
6. 高等数学（下册） [主编 李爱芹 胡雷 尹金生]
7. 高等数学（上册） [主编 李爱芹 胡雷 尹金生]
8. 人工智能应用基础 [主编 杨缨 李佳]
9. 中华水文化（慕课版）（第二版） [毕雪燕 杨华轲 罗玲谊 等编著]
10. 电路与电子技术Ⅱ——电路分析基础 [主编 陈晓 金哲]
11. 人工智能概论（第二版） [主编　任云晖　丁红　徐迎春 ]
12. 信息时代美育之道 [主编　刘宏宇　黎娅]
13. 数字媒体交互设计项目式教程（微课版） [主编　苏陆]
14. Amazing！儿童英语自然拼读分级教材（全8册） [王玲　编著]
15. Spark大数据处理技术 [主编　刘仁山　周洪翠　庄新妍]
16. 人工智能算法与实践 [主编　梁琨　张翼英]
17. 计算机网络技术项目化教程（微课版） [主编 王艳萍 安华萍]
18. 数据清洗 [黄源　刘智杨　孙大松]
19. 电路设计与PCB制作实操教程 [主编 周永宏]
20. 电路与电子技术Ⅰ—数字电子技术 [主编 郑玉珍 王淑琴]
21. Java编程基础案例式教程 [主编 陈艳华 唐春兰]
22. Python语言同步案例习题精解 [主编 肖朝晖]
23. Excel在会计工作中的应用（第三版） [主 编 赵艳莉 耿聪慧]
24. 应用数学 [主编 刘东海 刘丽瑶]
25. Web用户界面设计与制作 [主编 赵娟]
26. 计算机网络基础创新教程（模块化+课程思政版） [主编 唐继勇 李旭]
27. 计算机应用技术基础案例教程 [主编 周丽娟 王璐]
28. Unity应用开发与实战（微课版） [主 编 程永恒]
29. PHP程序设计项目化教程 [主 编 杜海颖]
30. 文学基础与影视欣赏 [杨华轲 朱伟利 毕雪燕 罗玲谊]