本教材以网页制作与网站架构过程为基础构建学习项目，以完成岗位工作任务为主线编写各任务内容。全书有九个模块，分别为网页赏析、网站建设前期准备与发布、Fireworks网页应用、Flash网页应用、创建基本网页、网页布局、行为和JavaScript特效、构建动态网页、网站设计综合应用。教材内容贴近网页网站设计行业实际需求，按照工作主线提取不同的能力目标，分配到二十二个不同的情境教学中，主要培养学生在网页制作与网站架构工作中分析问题、解决问题的能力。本教材打破一贯到底的单一叙述方式，采用任务引领模式，每个模块下的工作情境由不同的模拟制作任务和独立实践任务组成，这些模拟制作任务都是典型实用的案例。

本书是指导初学者学习网页制作与网站建设的入门书籍。书中详细介绍了初学者必须掌握的网页、网站设计行业的专业应用软件和设计方法，对初学者在进行网页制作与网站建设时经常会遇到的问题进行了专家级的指导，缩短了初学者在起步时的摸索过程，是成功学习网页制作与网站架构的好帮手。
全书分为9个模块，分别为网页赏析、网站建设前期准备与发布、Fireworks网页应用、Flash网页应用、创建基本网页、网页布局、行为和JavaScript特效、网站架构、网站设计综合应用。
本书在编写过程中，注意理论与实践相结合，通过大量的实例配合讲解各知识要点。在教材网站上配备项目实例素材和完成的效果、教学PPT等内容，紧密结合书中的内容，在独立的实践任务中拓展了典型案例，极大地扩充了本书的知识范围。
本书编写过程中，根据“世界技能大赛Web DeSign”竞赛项目的内容和要求，分析讲解了使用开源类库和框架制作（JQuery、Mootools、Prototype）客户端应用案例，在网站架构方面，采用了XAMPP架构，集成了PHP环境，MySQL数据库，PHPMyaDMIN可视化数据库操作工具，可以减轻网站架构人员对数据库结构化语言的依赖，同时，本书对大赛所涉及的最前沿的专业技术有所涉及，为网站架构人员深入理解和掌握网页制作与网站架构方法打下了扎实的基础。
本书语言通俗易懂，内容丰富，知识涵盖面广，可以作为高等院校相关专业以及相关企业培训的教材，也非常适合于网页制作与网站建设的初学者阅读，同时，对有经验的网站建设者也有很高的参考价值。
本书的编写得到了上海出版印刷高等专科学校、上海理工大学长期从事教学的中、青年教师的大力支持，编写队伍既有来自于教学一线具有丰富职业技能竞赛教学经验的教师，也有来自于华为的软件工程师——刘波（先后从事程序员、互联网软件开发工程师、网站架构设计师、软件工程师等职位，具有丰富的网站开发经验），同时得到了上海将相信息技术有限公司CEO李永锋及其团队的支持。
本书由王正友任主编，徐东、廖小兵任副主编，其中，蒋志编写了模块1，廖小兵编写了模块2，王正友编写了模块3，徐东编写了模块4，韩剑亮编写了模块5，吴丽萍编写了模块6，胡郁编写了模块7，廖小兵编写了模块8情境1及情境2中的任务1，刘波编写了模块8情境2中的任务2，程鹏飞编写了模块9。上海市信息管理学校李杰负责全书的文字编校与修饰。
在编写、组稿和资料收集工作过程中，得到了唐偲、崔庆斌、钱志伟、唐炜莉、周淑宝、高雪玲等老师的热情指导和帮助，在此表示衷心感谢。
本书的项目实例素材和完成的效果、教学PPT均可在中国铁道出版社网站http://www.51eds.com和课程网上下载，欢迎相关行业人士、教师和读者对本书提出宝贵的改进意见，请与编者联系：wangzy59@163.com。

编 者
2012年10月

模块1 网页赏析1
情境 精彩网页赏析2
制作任务2
任务1 网页鉴赏2
拓展知识6
实践任务7
任务2 访问Internet上的家教
类网站7
模块2 网站建设前期准备与发布9
情境1 网站建设前期准备10
制作任务10
任务1 域名申请10
任务2 空间（虚拟主机）
申请14
拓展知识16
实践任务18
任务3 客户需求分析及网
站规划18
情境2 网站的发布与推广19
制作任务19
任务1 安装和配置XAMPP19
任务2 文件传输工具FileZilla
FTP的使用21
拓展知识24
实践任务25
任务3 网站推广25
模块3 Fireworks网页应用28
情境1 闪烁文字29
制作任务29
任务1 闪烁文字的制作29
拓展知识32
实践任务33
任务2 年代网闪底文字33
任务3 制作年代网论坛34
情境2 创建网页动画34
制作任务35
任务1 制作一个动态Banner35
任务2 制作一个网站Logo37
任务3 制作照片连续
滚动效果39
拓展知识43
实践任务44
任务4 设计Banner广告44
任务5 制作网站Logo标志45
情境3 切片、热点和行为45
制作任务46
任务1 切割年代网60年代页面
老照片栏目页面46
任务2 使用行为交换图像48
任务3 使用切片交换图像49
任务4 使用热区交换图像53
拓展知识55
实践任务56
任务5 使用切片交换图像56
任务6 制作年代网经典影视
展示57
情境4 导航按钮和菜单57
制作任务58
任务1 创建年代网导航栏58
任务2 创建家教网弹出菜单61
拓展知识64
实践任务67
任务3 制作打火机动画67
任务4 制作年代网老照片
展示页面68
任务5 制作花卉网站主页68
模块4 Flash网页应用73
情境1 网页广告动画74
制作任务74
任务1 制作动态Banner广告74
任务2 动态文字动画79
拓展知识80
实践任务84
任务3 五角星遮罩动画84
任务4 海底世界引导动画85
情境2 网页图片展示85
制作任务86
任务1 利用遮罩制作图片切换
动画86
任务2 利用简单脚本制作图片
轮显动画88
任务3 利用简单脚本制作滚动
图片动画91
拓展知识93
实践任务94
任务4 制作旅游风光切换
动画94
任务5 制作多张图片轮显
动画95
任务6 预载动画95
模块5 创建基本网页97
情境1 CSS设置基本格式98
制作任务98
任务 设置页面内容的CSS
格式98
拓展知识105
情境2 多媒体格式设置106
制作任务107
任务 插入媒体文件107
拓展知识111
情境3 CSS高级格式设置112
制作任务113
任务1 设计登录表单和
滚动条113
任务2 设计导航栏118
实践任务121
任务3 创建“个人介绍”
网页121
模块6 网面布局124
情境1 网站建设前期准备125
制作任务125
任务1 Div自然布局125
任务2 Div浮动布局146
任务3 精确定位布局160
拓展知识166
实践任务168
任务4 制作上下结构的图文混
排CSS列表168
情境2 Div+CSS综合布局169
制作任务170
任务1 咖啡馆的主页170
任务2 世界技能大赛赛程管理
主页182
拓展知识193
实践任务195
任务3 西餐厅主页195
模块7 行为和JavaScript特效198
情境1 AP Div和行为的使用199
制作任务199
任务1 弹出窗口的制作199
任务2 使用图像行为203
任务3 制作图片的渐隐载入
显示效果205
拓展知识207
实践任务210
任务4 制作拼图游戏210
情境2 JavaScript脚本语言211
制作任务211
任务1 随滚动条上下移动的
菜单211
任务2 跑马灯的制作215
任务3 跟随鼠标的字符217
任务4 在线QQ制作220
拓展知识222
实践任务223
任务5 个性网站223
情境3 Spry功能224
制作任务225
任务1 选项卡式面板的制作225
任务2 多级菜单的制作233
拓展知识237
实践任务238
任务3 折叠式菜单的制作238
模块8 网站架构240
情境1 认识和使用网站架构环境241
制作任务241
任务1 简单网页计数器
的制作241
任务2 学习和使用PHPMYADMIN244
情境2 动态网站建设251
制作任务252
任务1 会员注册和管理252
任务2 用开源类库和框架制作
客户端应用265
拓展知识274
模块9 网站设计综合应用277
情境1 建立MySQL数据库278
制作任务278
任务1 建立留言板数据库278
实践任务283
任务2 创建论坛数据库283
情境2 数据库函数实现284
制作任务284
任务 编写数据库类284
情境3 留言板功能实现290
制作任务291
任务1 实现留言板功能291
实践任务305
任务2 实现论坛功能305

主要著译者顺序姓名学历职称学科专长通讯地址1王正友 教授 工作单位上海印刷高等专科学院 邮政编码 电话 2 工作单位 邮政编码 电话 3 工作单位 邮政编码 电话 审校者（主审者） 学历 工作单位 邮政编码 电话 职称 工作单位 邮政编码 电话

本教材以网页制作与网站架构过程为基础构建学习项目，以完成岗位工作任务为主线编写各任务内容。全书有九个模块，分别为网页赏析、网站建设前期准备与发布、Fireworks网页应用、Flash网页应用、创建基本网页、网页布局、行为和JavaScript特效、构建动态网页、网站设计综合应用。教材内容贴近网页网站设计行业实际需求，按照工作主线提取不同的能力目标，分配到二十二个不同的情境教学中，主要培养学生在网页制作与网站架构工作中分析问题、解决问题的能力。本教材打破一贯到底的单一叙述方式，采用任务引领模式，每个模块下的工作情境由不同的模拟制作任务和独立实践任务组成，这些模拟制作任务都是典型实用的案例。