本教材主要讲述了网页设计与制作的常用基本技术，内容以中文DreamweaverCS5、中文Fireworks CS5、中文FlashCS5网页制作三剑客软件为主体，并对网页设计制作基础知识、HTML语言作等内容进行简要介绍。以培养高等职业院校学生网页设计与制作的实际技能为主要教学目标。

全书将贯穿两个体系，一是通过任务训练完成项目制作，二是结合实际案例进行知识讲解，同时在讲授项目制作过程中安排两个体系之间的联结点。

本教材既注重技能的实用性、可操作性又适当注重知识的科学性、系统性，既注意体现项目教学的优势，又注意克服其不足，因此在进行项目训练的同时注意融入知识讲解。

对学生的实践技能培养贯穿教材始终，并安排了三个环节实践能力训练，即结合实际项目讲授教学内容，并指导学生实践，这一环节有实例，有步骤，有讲解、有分析；依靠实训指导培养学生自主学习能力，这一环节有实例，有步骤，无讲解，无分析；通过综合练习测试并提高学生的综合应用能力，这一环节的操作题有目标要求，无步骤，无讲解，无分析，靠学生自己对本章内容的掌握来完成。

本教材力求语言简洁、逻辑清晰、高效实用。

关于本教材使用，以下建议供参考：

1. 建议应用现代教育技术理论指导教学。如应用建构主义学习理论，充分体现学生主体地位和教师的主导作用，培养学生的自主学习、协作学习能力；采用任务驱动教学法，培养学生运用所学知识解决实际问题的能力；运用信息技术与课程整合，采用现代化多媒体教学手段以提高教学效率。

2．建议教学主要在教学机房进行，教学机房中具备上网的条件，这样有利于提高教学效果和培养学生能力。

3. 关于如何处理技能体系训练与知识体系讲授的关系，我们建议采用以下3种方式：将知识讲授融入技能体系的训练中；项目演示及训练之后再讲授知识；知识供学生自学时参考。

4. 教学学时可长可短，知识讲授可多可少。可根据实际教学情况选择相应项目来组织教学，一般学时在40至70之间均可完成相应4-6个项目教学。

　

项目1　班级风采网站制作　2
　1.1　班级风采网站制作过程　2
　　任务1-1　设计规划班级风采网站　2
　　任务1-2　创建班级风采网站站点　2
　　任务1-3　制作并添加网页标题栏　5
　　任务1-4　设置导航栏　9
　　任务1-5　设置网页主体内容　12
　　任务1-6　制作版权区　13
　　任务1-7　设置页面属性　14
　　任务1-8　制作子网页　17
　　任务1-9　建立网页之间的链接　17
　　任务1-10　浏览网页　19
　　任务1-11　保存网页　19
　1.2　班级风采网站制作相关知识　20
　　知识点1-1　网页与网站的概念　20
　　知识点1-2　网站设计与制作流程　23
　　知识点1-3　初步认识Dreamweaver　25
　　知识点1-4　Dreamweaver文本编辑与格式化　28
　　知识点1-5　Dreamweaver中图像及应用　34
　　知识点1-6　Dreamweaver中超链接的概念与基本应用　38
　　知识点1-7　Dreamweaver中表格的建立与基本操作　41
　　知识点1-8　Dreamweaver中层的建立与基本操作　48
　　知识点1-9　初步认识Fireworks　52
　实训指导　152
　综合练习　155

项目2　我的校园生活网站制作　58
　2.1　我的校园生活网站制作过程　58
　　任务2-1　设计规划我的校园生活网站　58
　　任务2-2　创建我的校园生活网站站点　58
　　任务2-3　建立包含网页主体标记的主页文件　59
　　任务2-4　应用表格标记进行网站布局　60
　　任务2-5　应用文本格式标记编辑文本　61
　　任务2-6　应用图像标记插入图像　63
　　任务2-7　应用表单标记制作表单　66
　　任务2-8　应用多媒体标记插入多媒体对象　68
　　任务2-9　制作子网页并应用链接标记建立导航链接　69
　2.2　我的校园生活网站制作相关知识　76
　　知识点2-1　HTML　网页的基本组成与特点　76
　　知识点2-2　文本格式标记　80
　　知识点2-3　版面控制标记　82
　　知识点2-4　图像标记　84
　　知识点2-5　超链接标记　85
　　知识点2-6　表格标记　86
　　知识点2-7　表单标记　89
　　知识点2-8　多媒体及其他常用标记　94
　实训指导　296
　综合练习　299

项目3　风光旅游网站制作　102
　3.1　风光旅游网站制作过程　102
　　任务3-1　设计规划风光旅游网站　102
　　任务3-2　创建风光旅游网站站点　102
　　任务3-3　应用Dreamweaver表格进行网站主页布局　104
　　任务3-4　利用Fireworks制作站标图像　105
　　任务3-5　利用Fireworks制作站标动画　107
　　任务3-6　利用Fireworks制作按钮导航　109
　　任务3-7　编辑制作主体区　113
　　任务3-8　编辑制作版权区　116
　　任务3-9　制作子网页并链接测试　118
　3.2　风光旅游网站制作相关知识　120
　　知识点3-1　Dreamweaver中CSS样式及应用　120
　　知识点3-2　Dreamweaver中超链接的进一步应用　125
　　知识点3-3　Dreamweaver表格与网页布局　126
　　知识点3-4　Fireworks文字特效　128
　　知识点3-5　Fireworks图像处理　131
　　知识点3-6　Fireworks按钮导航　141
　　知识点3-7　Fireworks基本动画制作　143
　实训指导3　146
　综合练习3　149

项目4　中国文学阅读网站制作　152
　4.1　中国文学阅读网站制作过程　152
　　任务4-1　设计规划中国文学阅读网站　152
　　任务4-2　创建中国文学阅读网站站点　153
　　任务4-3　制作中国文学阅读网站各章回网页　154
　　任务4-4　制作《三国演义》阅读网页　155
　　任务4-5　制作《红楼梦》阅读网页　157
　　任务4-6　制作《水浒传》阅读网页　159
　　任务4-7　制作《西游记》阅读网页　162
　　任务4-8制作中国文学阅读网站主页　162
　4.2　中国文学阅读网站制作相关知识　163
　　知识点4-1　框架及应用　163
　　知识点4-2　模板及应用　168
　　知识点4-3　Fireworks元件及应用　169
　　知识点4-4　Fireworks切片及应用　171
　　知识点4-5　Fireworks补间动画制作　174
　实训指导4　175
　综合练习4　178

项目5　网聚电子公司网站制作　180
　5.1　网聚电子公司网站制作过程　180
　　任务5-1　设计规划网聚电子公司网站　180
　　任务5-2　应用Dreamweaver表格进行网站整体布局　180
　　任务5-3　应用Fireworks制作站标图像　184
　　任务5-4　应用Flash制作主页动画条幅　187
　　任务5-5　应用Dreamweaver层与行为制作网站导航栏　189
　　任务5-6　主页其余部分及各子网页制作与链接　194
　　任务5-7　网聚电子公司网站发布　208
　5.2　网聚电子公司网站制作相关知识　211
　　知识点5-1　Flash操作基础　211
　　知识点5-2　Flash逐帧动画制作　218
　　知识点5-3　应用Fireworks制作动态交换图像　219
　　知识点5-4　Dreamweaver行为　220
　　知识点5-5　网站的测试与发布　222
　实训指导5　224
　综合练习5　228

项目6　金鑫房地产开发公司网站制作　230
　6.1　金鑫房地产开发公司网站制作过程　230
　　任务6-1　设计规划金鑫房地产开发公司网站　230
　　任务6-2　创建金鑫房地产开发公司网站站点　231
　　任务6-3　应用Dreamweaver表格进行网站整体布局　233
　　任务6-4　应用Fireworks制作站标动画　241
　　任务6-5　应用Flash制作网站标题动画　244
　　任务6-6　应用Dreamweaver层与行为制作网站导航栏　249
　　任务6-7　应用Dreamweaver制作网站注册表单　254
　　任务6-8　各子网页制作与链接测试　257
　　任务6-9　金鑫房地产开发公司网站发布　263
　6.2　金鑫房地产开发公司网站制作相关知识　267
　　知识点6-1　Flash渐变动画制作　268
　　知识点6-2　Dreamweaver表单　273
　实训指导6　276
　综合练习6　278