网页设计与制作（项目教学）

项目一　认识Dreamweaver 8　1
任务一　了解Dreamweaver 8　1
任务二　欣赏优秀网站　2
任务三　制作一个简单的网页　4
(一) 定义站点　4
(二) 创建和保存文件　5
(三) 设置文本属性　7
(四) 保存工作区布局　9
项目实训　制作“选购照相机要注意哪些方面”网页　10
项目小结　11
思考与练习　11

项目二　网站的规划和管理　12
任务一　新建站点　12
任务二　管理站点　15
(一) 复制和编辑站点　15
(二) 导出、删除和导入
站点　16
任务三　管理站点内容　18
(一) 设置首选参数　18
(二) 创建文件夹和文件　20
(三) 在站点地图中链接文件　21
项目实训　站点的管理　22
项目小结　23
思考与练习　23

项目三　文本编辑——编排数码摄影知识网页　24
任务一　网页文本的编辑　24
任务二　编排文本格式　27
(一) 设置文档标题格式　27
(二) 设置正文格式　28
任务三　完善网页　31
项目实训　设置“摄影器材的介绍”文档格式　33
项目小结　34
思考与练习　34

项目四　图像和媒体——编排摄影作品网页　36
任务一　插入图像　37
(一) 插入图像占位符　37
(二) 插入图像和设置图像属性　38
任务二　插入媒体　40
(一) 插入Flash动画　40
(二) 插入图像查看器　42
(三) 插入ActiveX视频　43
项目实训　设置“国宝熊猫”网页　46
项目小结　47
思考与练习　47

项目五　超级链接——制作导航网页　49
任务一　设置锚记超级链接　50
任务二　设置图像超级链接　51
任务三　设置电子邮件超级链接　53
任务四　设置文本超级链接　54
项目实训　设置“唐诗欣赏”网页　55
项目小结　56
思考与练习　57

项目六　表格——布局商务网页　59
任务一　使用表格布局页眉　59
任务二　使用嵌套表格布局主体页面　63
(一) 布局网页右上方栏目的内容　63
(二) 布局右下方栏目的内容　65
任务三　使用表格布局页脚　68
项目实训　使用表格布局“玉石的种类”页面　69
项目小结　70
思考与练习　70

项目七　框架——制作绿色天空论坛网页　72
任务一　创建论坛框架网页　72
(一) 创建框架　73
(二) 保存框架　74
任务二　设置论坛框架网页　75
(一) 设置框架集和框架属性　76
(二) 设置框架中链接的目标窗口　78
项目实训　使用框架布局“社区论坛”网页　79
项目小结　80
思考与练习　80

项目八　CSS——设置海洋知识网页样式　83
任务一　设置页眉CSS样式　83
(一) 定义“body”的CSS样式　84
(二) 定义页眉的CSS样式　87
任务二　设置网页主体的CSS样式　90
(一) 设置左侧栏目CSS样式　90
(二) 设置右侧栏目的CSS样式　91
任务三　设置页脚的CSS样式　93
项目实训　使用CSS设置“盘古石翡翠”网页样式　94
项目小结　96
思考与练习　96

项目九　Div——布局搜索网页　98
任务一　布局页眉　98
任务二　布局主体　101
任务三　布局页脚　104
项目实训　使用层和Div标签布局网页　105
项目小结　107
思考与练习　107

项目十　时间轴——制作航行动画　110
任务一　使用层制作蓝天大海背景　110
任务二　使用时间轴制作运动效果　112
项目实训　使用层和时间轴制作“诗词”动画　119
项目小结　120
思考与练习　120

项目十一　库和模板——制作花卉基地主页　122
任务一　创建库　122
(一) 创建库项目　123
(二) 编排页眉库项目　124
(三) 编排页脚库项目　125
任务二　创建模板　126
(一) 创建模板文件　126
(二) 插入库项目　127
(三) 插入模板对象　128
任务三　应用模板　132
项目实训　制作“宠物联盟网”网页模板　134
项目小结　135
思考与练习　135

项目十二　使用行为完善网页功能　137
任务一　设置页眉部分　138
(一) 设置状态栏文本　138
(二) 制作弹出式菜单　139
任务二　设置主体部分　141
(一) 打开浏览器窗口　142
(二) 交换图像　143
(三) 弹出信息　143
(四) 控制Shockwave或Flash　144
项目实训　制作垂直弹出式菜单　145
项目小结　145
思考与练习　146

项目十三　表单——制作注册网页　148
任务一　创建表单　149
任务二　验证表单　157
项目实训　制作“注册邮箱申请单”网页　158
项目小结　159
思考与练习　160

项目十四　应用程序——制作咨询网页　162
任务一　定义站点并创建数据库连接　162
(一) 定义站点　163
(二) 创建数据库　163
(三) 创建数据库链接　164
任务二　制作心情速递站页面　166
(一) 制作心情速递站页面　166
(二) 制作咨询主题页面　168
(三) 制作咨询结果页面　172
任务三　制作咨询回复页面　173
(一) 制作咨询主题列表页面　173
(二) 制作咨询主题回复页面　175
(三) 制作咨询主题删除页面　177
(四) 限制对页的访问　179
(五) 用户登录和注销　179
项目实训　制作“用户信息查询”网页　181
项目小结　182
思考与练习　182

项目十五　网页三剑客——制作一翔集团网页　184
任务一　制作页眉　184
(一) 制作网站logo　185
(二) 制作宣传标语　191
(三) 布局页眉　195
任务二　制作主体　196
(一) 制作宣传动画　196
(二) 布局主体页面　202
任务三　制作页脚　203
(一) 制作导航图像　203
(二) 布局页脚　206
项目实训　使用Photoshop和Flash制作动画　207
项目小结　208
思考与练习　208

项目十六　发布和维护网站　210
任务一　配置服务器　210
(一) 配置Web服务器　210
(二) 配置FTP服务器　212
任务二　发布网站　212
任务三　维护网站　214
(一) 检查链接　214
(二) 改变链接　215
(三) 查找和替换　215
(四) 清理文档　216
(五) 保持同步　217
项目实训　配置服务器和发布站点　218
项目小结　218
思考与练习　218