Dreamweaver网页制作 课程介绍 模板和库（PPT）终稿（加库项目）.pptxVIP

使用模板创建网页 创建模板 编辑模板 应用模板 更新模板 教学目标 课前准备 课后 课中 课前 课前准备 课后 课中 课前 课前准备 课后 课中 课前 教学重点与难点 创建模板与应用模板 课前准备 课后 课堂实施 课堂实施 课前准备 课前 课中 引入新课 演示讲解 总结评价 课前准备 课后 课堂实施 课堂实施 课前准备 课前 课中 引入新课：一个大型网站，可能有几十个页面，但网站中很多网页都会用到相同的布局方式或页面元素（如上图中网站Banner、导航、版权）。为了避免重复操作，用户可以使用模板和库功能，将具有相同版面结构的页面制作成模板，将相同的元素制作为库项目，并存放在库中以便随时调用。 课前准备 课后提升 课堂实施 课堂实施 课前准备 课堂实施 引入新课 演示讲解 总结评价 课前准备 课后 课堂实施 课堂实施 课前 课中 1.操作方法：文件新建空模板HTML模板创建 在创建模板前先要创建站点 模板文件的扩展名为.dwt 模板必须保存在 （templates）文件夹中 注意： 创建模板 01 课前准备 课后 课堂实施 课堂实施 课前 课中 插入菜单模板对象可编辑区域 注意：模板至少创建一个可编辑区域，用于设置网页不同内容 创建可编辑区域方法： 编辑模板 02 课前准备 课后 课堂实施 课堂实施 课前 课中 应用模板 03 操作方法：文件新建模板中的页选择站点选择模板创建 方法1：使用“从模板新建”对话框创建网页 课前准备 课后 课堂实施 课堂实施 课前 课中 应用模板 03 方法2：从“资源”面板中创建网页 双击“模板”按钮 课前准备 课后 课堂实施 课堂实施 课前 课中 更新模板 04 对模板进行修改后，重新保存时会弹出“更新模板文件”对话框，提示是否更新站点基于该模板创建的网页文档，单击“更新”按钮可更新通过该模板创建的所有网页。 如：在模板中设置网页导航链接 课前准备 课后 课堂实施 课堂实施 课前 课中 管理模板 05 如果用户需要网页中的不可编辑区域进行编辑，可以将网页与模板分离。分离后文档就变成了普通的网页一样编辑，但分离后中的文档无法与模板自动更新。 操作方法：选择“修改”“模板”“从模板中分离” （1）分离模板 如果不再需要某个模板，可以将删除 操作方法：在“资源面板”选中要删除的模板确认删除 （2）删除模板 课前准备 课后 课堂实施 课堂实施 课前 课中 课堂练习 进入职教云平台 ，完成【项目10-1】应用模板制作蝶舞网站 课前准备 课后 课堂实施 课堂实施 课前 课中 库项目 06 （1）认识库项目 库项目是一种特殊的Dreamweaver文件，可以将当前网页中的任意页面元素定为库项目，如图像、表格、文本、Flash等。 创建库项目的好处：可重复使用、更改库项目时，所有应用该库项目的网页都同时更新。 课前准备 课后 课堂实施 课堂实施 课前 课中 （2）创建库项目 操作方法：“修改”“库”“增加对象到库” 注意：库项目文件的扩展名为“.lbi”,库项目放置在站点文件夹的“Library”文件夹中，同模板文件一样，库项目的位置也是不能随便移动的 （3）应用库项目 从“资源”面板的库项目拖入网页适当位置即可。 或在定位插入点后，在“资源”面板中选中库项目，单击“插入”按钮 课前准备 课后 课堂实施 课堂实施 课前 课中 课堂练习 进入职教云平台 ，将【项目10-2】蝶舞网站左侧“用户登录”与“商品分类”创建成库项目 创建成库项目 课前准备 课后 课堂实施 课堂实施 课前 课中 引入新课 演示讲解 总结评价 小组自评互评、学生评教、教师评学。 总结评价 课前准备 课后提升 课堂实施 课堂实施 课前 课堂实施 课后提升 课中 课后 教师布置课后拓题题，并上传讲解视频，学生独立实践 培养学生学习方法和实践能力 拓展 项目