网页制作技术（第二版）

以具体任务为引导，做中学

以知识准备为铺垫，学中做

以实践操作实施任务，突出学习重点

以深入解析拓展知识，突破学习难点

以实训习题加强练习，提升学习效果

随着Internet的普及与应用，网络信息时代给人们的生活带来种种便利，网页也成为人们信息发布及获取、思想交流、商务往来的重要途径，制作网页已不再是某些人或某些公司的专长，而是现代人应掌握的一种技能。本书第一版自2006年8月出版发行以来，已重印3次，销量1万多册，深受教师和学生好评。根据高职高专对学生网页制作技术的能力要求，第二版在第一版的基础上进行了修订，根据计算机相关专业人才培养的需要，重视技能培养和素质养成，采用项目驱动、任务引导，以案例教学、综合实训为构架，案例丰富、逻辑性强。以通俗易懂的语言，生动活泼的形式展现现代计算机教材编写的风格，适应广大院校及不同专业选课的需要。

本教材全面系统地介绍了应用网页制作三剑客软件进行网页设计与制作的各种技术和技巧，设计了大量有针对性的任务，并将实例融入每个知识点中，结构清晰、案例丰富、任务明确，操作性强。

全书共16个任务。

任务1设计网页。主要介绍网页设计的基本原则，网页字体、色彩、Logo等设计方法；

任务2创建和管理站点。主要介绍Dreamweaver CS4的基本操作，创建和管理站点的方法；

任务3制作多媒体页面。主要介绍HTML的语法和标签命令，网页中插入Flash动画、声音、视频，制作多媒体页面的方法；

任务4制作网站链接。介绍了网站的各种链接方法；

任务5上传站点。介绍了站点检查和上传的技术；

任务6制作网页动画。主要介绍Flash CS4制作动画的基本方法；

任务7制作高级动画。介绍了Flash CS4高级动画的制作技术；

任务8制作网页图形。学习Fireworks CS4绘制矢量图型，设计网站标志的方法；

任务9处理网页图像。进一步学习Fireworks CS4处理图像的高级技术；

任务10表格排版布局网页。应用表格布局网页；

任务11制作网页交互元素。介绍了表单的制作方法；

任务12 应用CSS样式表。介绍了应用CSS样式表的技术和技巧；

任务13框架结构布局网页。介绍了应用框架结构设计布局制作网页的方法；

任务14提高网站开发效率。主要介绍了库和模板的应用技术；

任务15应用层与行为。介绍了层与行为的应用技术；

任务16项目实战。通过门户站点、个人网站、音乐网站、商业网站、教育网站的项目制作，进一步深入理解、掌握网页制作、网站发布的各项技术。

本书主要具有如下特点：

1．以具体任务为引导，做中学

全书采取项目驱动、任务引导的模式进行编写，通过16个任务序列承上启下，循序渐进，每个任务包括学习目标、任务分析、知识准备、任务实施、深入解析、实训练习、习题等，全方位组织教学，多任务完成项目。

2．以知识准备为铺垫，学中做

本书在以能力培养的任务序列为主线的同时，也注重基础知识的学习，在知识准备环节中编写强调知识点系统连贯，逻辑性强；重点突出，并利用丰富的案例教学，讲清功能要点，加深理解，讲练结合。

3．以实践操作实施任务，突出学习重点

本书软件版本新，内容实用，任务实施步骤清晰，深入浅出，可操作性强，使学生易学会用。

4．以深入解析拓展知识，突破学习难点

在书中针对每个任务拓展知识，深入解析难点内容，使学生能举一反三、深入理解、活学活用，做出更好的作品。

5．以实训习题加强练习，提升学习效果

本书每个任务完成后都有相关的实训练习和习题，使学生加深对理论知识的理解，进一步强化实践能力的培养，既巩固知识，又提高能力。

本书由许莉担任主编，汪晓青、夏敏担任副主编，王路群主审，参与本书编写的还有鲁娟、李汉桥、江骏、董宁、林利、李唯、肖静、侯自力、马力等。对于在本书编写过程中提供了支持和帮助的所有人，在此表示衷心的感谢。

由于时间、水平有限，书中不足之处在所难免，敬请广大读者、专家批评指正。

编 者

2010年10月

前言

任务一 设计网页 1
学习目标 1
任务分析 1
知识准备 1
知识1 网页的有关术语 1
知识2 网页的基本构成元素 3
知识3 网页设计的基本原则 6
知识4 网页设计的美学法则 7
知识5 网页的布局原则 8
知识6 网页的布局结构 10
任务实施 12
任务1 设计网站的标志（Logo） 12
任务2 设计网站的宣传标语 12
任务3 设计网站的标准色彩 13
任务4 设计网站的标准字体 13
任务5 设计网页 14
深入解析 14
实训练习 14
习题一 14
任务二 创建和编辑站点 16
学习目标 16
任务分析 16
知识准备 16
知识1 Dreamweaver CS4的功能和特点 16
知识2 Dreamweaver CS4的工作界面 18
知识3 站点 22
任务实施 23
任务1 创建本地站点 23
任务2 管理站点 26
任务3 创建站点内容 27
深入解析 28
实训练习 28
习题二 28
任务三 制作多媒体页面 29
学习目标 29
任务分析 29
知识准备 29
知识1 HTML的基本结构 29
知识2 常用的HTML标签命令 31
知识3 常用网页元素的插入 44
任务实施 46
任务1 完成页面的准备工作 46
任务2 插入Flash动画 49
任务3 插入声音或音乐 50
任务4 插入视频 51
任务5 制作多媒体页面 51
深入解析 55
实训练习 55
习题三 55
任务四 制作网站链接 57
学习目标 57
任务分析 57
知识准备 57
知识1 绝对路经与相对路径 57
知识2 内部链接与外部链接 58
知识3 其他特殊链接 59
任务实施 60
任务1 制作网站链接 60
任务2 制作锚点链接 62
任务3 制作图像链接 63
任务4 制作热点链接 64
深入解析 65
习题四 65
任务五 上传站点 67
学习目标 67
任务分析 67
知识准备 67
知识1 站点的检查 67
知识2 站点的报告 68
任务实施 68
任务1 检查链接 68
任务2 生成站点报告 70
任务3 检查目标浏览器 71
任务4 上传站点 71
深入解析 72
实训练习 73
习题五 73
任务六 制作网页动画 75
学习目标 75
任务分析 75
知识准备 75
知识1 Flash CS4的功能和特点 75
知识2 Flash CS4的工作界面 75
知识3 Flash CS4的基本操作 77
知识4 帧与时间轴 84
知识5 元件与实例 86
知识6 逐帧动画 89
知识7 补间形状动画 90
知识8 传统补间动画 91
知识9 补间动画 92
任务实施 93
任务1 创建逐帧动画 93
任务2 创建补间形状动画 94
任务3 创建传统补间动画 95
任务4 创建补间动画 97
深入解析 98
实训练习 98
习题六 103
任务七 制作高级动画 104
学习目标 104
任务分析 104
知识准备 104
知识1 引导层 104
知识2 遮罩层 106
知识3 反向运动 107
知识4 声音文件的导入 107
知识5 动画的发布 109
任务实施 116
任务1 创建引导层动画 116
任务2 创建遮罩层动画 118
任务3 创建反向运动效果 120
任务4 为按钮添加声音 122
深入解析 123
实训练习 123
习题七 125
任务八 制作网页图形 127
学习目标 127
任务分析 127
知识准备 127
知识1 Fireworks CS4的功能和特点 127
知识2 Fireworks CS4的工作界面 128
知识3 Fireworks CS4文档的基本操作 129
知识4 矢量图形的绘制 131
知识5 对象的处理 135
知识6 文本的创建 137
任务实施 139
任务1 绘制几何图形 139
任务2 绘制公司标志 140
任务3 制作新浪网标志 141
深入解析 142
实施练习 142
习题八 144
任务九 处理网页图像 146
学习目标 146
任务分析 146
知识准备 146
知识1 位图图像处理 146
知识2 元件与实例 151
知识3 交互式网页图像 151
知识4 图像的优化与导出 152
任务实施 155
任务1 打开多个图像文件制作动画 155
任务2 手工制作动画 156
任务3 分散到状态生成动画 157
任务4 利用元件和实例制作动画 159
任务5 导出动画 160
任务6 创建图像的切片与热点 161
任务7 制作按钮和导航栏 163
任务8 制作弹出菜单 165
深入解析 167
实训练习 167
习题九 172
任务十 表格排版布局网页 174
学习目标 174
任务分析 174
知识准备 174
知识1 表格的使用 174
知识2 设置表格属性 176
知识3 编辑表格和单元格 177
知识4 排序表格 179
知识5 导入表格化数据 180
知识6 表格的扩展视图 180
任务实施 181
任务1 制作照片集 181
任务2 制作网站首页 182
深入解析 184
实训练习 184
习题十 186
任务十一 制作网页交互元素 187
学习目标 187
任务分析 187
知识准备 187
知识1 表单 187
知识2 文本域 188
知识3 选框与列表 190
知识4 文件上传域 191
知识5 按钮 192
知识6 跳转菜单 192
任务实施 193
任务1 制作百度页面 193
任务2 制作用户注册表 195
深入解析 196
实训练习 196
习题十一 197
任务十二 应用CSS样式表 199
学习目标 199
任务分析 199
知识准备 199
知识1 CSS样式表 199
知识2 CSS样式表的添加方法 200
知识3 内部CSS与外部CSS 201
知识4 样式的创建与编辑 201
任务实施 202
任务1 制作类样式 202
任务2 制作HTML标签样式 203
任务3 制作链接样式 204
任务4 CSS样式化网页 205
深入解析 207
实训练习 207
习题十二 209
任务十三 框架结构布局网页 211
学习目标 211
任务分析 211
知识准备 211
知识1 框架和框架集 211
知识2 预定义的框架集 211
知识3 自定义框架集 213
知识4 嵌套框架集 213
知识5 保存框架 214
任务实施 215
任务1 利用框架制作网页 215
任务2 制作内联式框架网页 219
深入解析 220
实训练习 221
习题十三 222
任务十四 提高网站开发效率 223
学习目标 223
任务分析 223
知识准备 223
知识1 库文件 223
知识2 模板 225
任务实施 228
任务1 应用网页库文件 228
任务2 利用模板制作网页 230
深入解析 231
实训练习 231
习题十四 233
任务十五 应用层与行为 234
学习目标 234
任务分析 234
知识准备 234
知识1 层的特点 234
知识2 插入层 235
知识3 设置层的属性 235
知识4 改变层的次序 236
知识5 删除层 236
知识6 层与表格的转换 236
知识7 行为 237
任务实施 237
任务1 应用层制作网页 237
任务2 制作弹出信息 239
任务3 设置状态栏文本 240
任务4 打开浏览器窗口 241
任务5 交换图像 242
任务6 控制Shockwave或Flash 242
任务7 播放声音 243
任务8 检查表单 244
深入解析 245
实训练习 245
习题十五 247
任务十六 项目实战 248
学习目标 248
任务分析 248
知识准备 248
知识1 网站规划 248
知识2 素材收集与处理 250
知识3 网站结构设计 251
知识4 网站发布 254
知识5 网站管理 255
任务实施 256
任务1 门户站点主页制作 256
任务2 个人网站制作 261
任务3 音乐网站制作 265
任务4 商业网站制作 268
任务5 教育网站制作 272
附录 习题答案 276
参考文献 280

1. HTML5+CSS3网页设计与制作项目化教程 [范佳　胡卓舒　冯迎]
2. 网页设计与制作实验指导 [主编　邓文锋 利珊]
3. 网页设计与制作 [主编　温凯峰 叶仕通]
4. 基于.NET Core框架的分布式系统架构设计 [汤佳 著]
5. 网页设计与制作 [主编 王潇 章明珠]
6. Web用户界面设计与制作 [主编 赵娟]
7. 网页设计与制作 [主编 李佼辉 聂树成]
8. ASP.NET（C#）网站开发（第二版） [主编 张志明 王辉]
9. Web开发实战 [主编　肖睿　陈永]
10. Bootstrap与jQuery UI框架设计 [主编 肖睿 吴振宇]
11. 网页设计与制作 [主编 杨毅]
12. 网页制作实战 [主编 肖睿 罗保山]
13. 网页设计与制作 [主编 陈建国 项炜]
14. 16课学会网页程序设计—— HTML5+CSS3+JavaScript+jQuery+ [施威铭研究室 著]
15. HTML5+CSS3前端技术——UI设计师与开发人员合作秘籍 [北京课工场教育科技有限公司Q]
16. Web程序设计实践教程 [主编 侯萍 郭俊荣]
17. 网页设计与制作 [孙娜 蒲秋梅 南洋 编著]
18. 玩转Axure RP——Axure RP 7.0高保真网页、APP原型设计 [谢星星 编著]
19. ASP.NET Web程序设计 [吴琴霞 栗青生 康晶 编著]
20. CSS+DIV页面布局技术 [主编 朱翠苗]
21. 网页设计与制作 [王铁桩 聂卫献]
22. Web开发与安全防范 [主编 武春岭]
23. 网页设计实训教程 [主编 张春英 李英文 钟大伟]
24. 网页设计与开发实战教程 [李云程]
25. 网页设计与制作项目化教程 [周观民 梁雪梅]
26. 网页设计与制作项目案例教程（Dreamweaver CS6） [杨丽芳 刘琳]
27. 脚本语言与动态网页设计（第二版） [主 编 张景峰 王培军]
28. ASP.NET（C#）网站开发 [主编 张志明 王辉]
29. 网页设计实用技术 [主 编 陈建国 李勤]
30. 网页设计与制作（第二版） [马占欣]