本教材是在南通纺织职业技术学院“后示范”时代立项建设的教材，教材编写团队由电子商务专业带头人牵头，行业企业专家、一线骨干教师联手组成。采用最前沿的网页制作工具（Dreamweaver CS6、Fireworks CS6、Flash CS6）作为教材编写工具，在深入调研网页设计工作任务的基础上，设计了来自企业真实的6个项目、33个典型的工作任务。每个项目由“项目描述”（项目引入、项目分析、任务分解） “任务实施”“知识总结与回顾”以及“小试牛刀”等内容构成。学生在根据任务描述完成任务后，可以掌握岗位需要的所有专业技能，以完成岗位工作全部流程。

本教材的主要特色与创新如下：

1.由简单到综合。任务由浅入深排列，梯度明显，涵盖了企业网页设计与制作岗位工作的全过程，符合学生的认知规律。

2.校企合作。教材的编写队伍成员大多是长期从事网页设计与制作教学的一线骨干教师和企业网页设计与制作工作的工程师，所有任务全部来自企业的真实案例，项目根据企业真实工作过程为主线设计。

3.突出网页设计与制作的流程性。教材在每个环节中结合企业真实案例来展开编写内容，更加注重培养学生解决企业实际问题的能力，使学生在学习中工作、在工作中学习。

4．快速上手、实用易用。本教材所附配套资料中，有按项目进行分类的全部素材图片、网页效果、网页源文件，每个项目后面均设置了与本项目内容相关的“上机操作”内容，既方便教师对学生的辅导，也便于学生的自学演练。

　

项目1 　搭建网站前期准备　1
项目描述　1
任务1 　初识网页相关概念　1
任务2 　构建网站结构　5
任务3 　　明确网页设计的原则　8
任务4 了解网站建设流程　12
任务5 　了解网页制作工具　14
知识回顾与总结　15
小试牛刀　16

项目2 　利用 HTML编写网页　17
项目描述　17
任务1　 编写公司简介页面　17
任务2 　编写产品展示页面　26
任务3 　编写产品清单列表页面　30
任务4 　编写商务留言页面　36
任务5 　将页面组合成网站　46
任务6 　添加页面的动态效果　53
知识回顾与总结　62
小试牛刀　63

项目3 　利用 Dreamweaver CS6制作网页　64
项目描述　64
任务1 　认识 DreamweaverCS6　65
任务2　 制作简单页面　75
任务3 　利用表格工具制作网页　103
任务4 　利用 APDIV和 Spry制作网页　109
任务5　 利用框架技术制作网页　116
任务6　 使用 CSS修饰和美化网页　121
任务7 　基于行为与 Spry特效制作网页　132
任务8 　使用模板快速制作网页　140
知识回顾与总结　146
小试牛刀　147

项目4　 利用 Fireworks CS6制作网页　150
项目描述　150
任务1 　认识 FireworksCS6　150
任务2 　制作网站 Logo中的各类字体　159
任务3 　制作网站 Logo中的各类图形　168
任务4 　添加滤镜与制作动画　176
知识回顾与总结　185
小试牛刀　185

项目5 　利用 Flash CS6制作网页动画　186
项目描述　186
任务1 　利用 Flash CS6绘制简单图形　186
任务2 　制作基本动画　203
任务3 　设计网站的动态按钮　217
任务4 　在 Flash中插入音频和视频　224
任务5 　利用 Flash发布和保存作品　229
知识回顾与总结　231
小试牛刀　231

项目6 　网页设计与制作综合实例　239
项目描述　239
任务1 　网站总体策划　239
任务2 　利用 Fireworks CS6制作网页效果　240
任务3 　利用 Fireworks CS6切片并导出　247
任务4 　利用 Flash CS6制作网站 Logo动画　249
任务5 　利用 Dream weaver CS6制作网页　250
知识回顾与总结　255
小试牛刀　255

参考文献　256