第8章 应用模板和库快速设计网页.pptVIP

第8章 应用模板和库快速设计网页 第8章 应用模板和库快速设计网页 8.1 利用模板创建网页 8.2 使用库项目 8.3 实践技能训练 本章小结 8.1 利用模板创建网页 8.1.1 创建模板 （三）插入可编辑区域 单击工具栏中的“常用”|“模板” |“可编辑区域”命令，会弹出“新建可编辑区域”对话框，输入名称。 （四）模板区域的类型 在基于模板的文档中，模板用户只能在课编辑区域中进行更改，无法修改锁定区域。 种类：四种 可编辑区域 重复区域 可选区域 可编辑标签属性 8.1.2 编辑模板 1、删除可编辑区域 作用：锁定，使得基于该模板的文档中变得不可编辑 方法： “修改”|“模板” |“删除模板标记”命令 或者 选中后直接按“DEL”键 8.1.2 编辑模板 2、更改可编辑区域的名称 3、保存更改后模板 说明：已存在基于该模板的文档，会有提示是否是否同步更改。 4、设置模板区域的高亮显示首选参数 8.1.2 编辑模板 4、设置模板区域的高亮显示首选参数 “编辑”|“首选参数” |“分类” |“代码颜色” |文档类型中选“HTML” |样式中的“Templates标签” 命令 练习：设计模板-1 练习：设计模板-2 练习：设计模板-3 练习：设计模板-4 练习：设计模板-5 8.1.3 应用模板 8.1.4 更新模板（补充） 8.1.4 更新模板（补充） 8.2 库 8.2.2 在网页中插入库 8.2.3 修改库和更新站点 练习：基于选定内容创建库项目 练习2:从库项目分离 　以如把图中版权信息内容编辑为一个库项目为例 　　1．选中作为库项目的内容。 　　2．执行以下操作之一： 　　?单击菜单栏中“修改”|“库”|“增加对象到库”命令。 　　?拖动选中的内容到“资源”面板指向“库”类别 　按钮。 * $ [知识目标] 　　了解Dreamweaver8模板和库的作用 　　熟悉Dreamweaver8模板和库的操作方法 8 [能力目标] 　　掌握模板和库项目的创建操作 　　能够应用模板和库设计网页 　　掌握利用模板和库更新页面的方法 8.1.1 创建模板 8.1.2 编辑模板 8.1.3 应用模板 模板的作用：批量生产具有固定格式的页面，提高工作效率。 步骤：设计并保存模板，创建基于模板的网页，并修改每个网页的不同内容。 　　（一）创建空白模板 　　1．单击菜单栏中“窗口”|“资源”命令，打开“资源”面板。 　　2．单击“资源”面板左边的“模板”　按钮 ，显示“模板”类别，如图所示。 　　　3．单击面板底部的“新建” 　按钮，面板中出现一个未命名的模板，如图所示。 　　4．输入新的模板名字，则新建一个空白模板。 （二）将设计好的网页文件保存为模板 　　1．打开己编辑好的要保存为模板的网页文件。 　　2．单击菜单栏中的“文件”|“另存为模板”命令。 　　3．打开“另存为模板”对话框，如图所示。 　　4．各项设置如下： 　　“站点”：下拉列表中选择模板存放的站点。“另存为”：文本框中输入模板的名称。“现存模板”：显示当前系统中己有的模板文件。 　　5．单击“保存”按钮，新增的模板出现在“资源”面板的模板列表中。 　5、删除模板（补充） 对于没用的模板可以删除，删除模板的操作为： 　　1．打开浮动面板组的“资源”面板，选择“模板”类别。 　　2．选择要删除的模板。 　　3．单击“删除”　按钮 ，即可删除所选模板。 　　　　以下图所示的模板为例设计模板的操作为： 　　1．在“资源”面板的“模板”类别中，新建模板，名称为“index”，双击新建的“index”模板，打开模板文件。 　　2．输入“长春介绍”，设置字体字号。 　　3．插入水平线，宽度设为85%，高度为“3”，无阴影。 　　4．插入“导航条”。 　　5．输入“长春是个具有欧洲田园城市规划特点的城市，”等文本，并排版。 　　6．添加网页背景图像“snow.gif” 　　7．单击菜单栏中“文件”|“保存”命令，保存己设计好的模板。 　　（二）设置可编辑区域 　　将上面建立的模板中“水平线”和“导航条”以外的部分设置为可编辑区域，设置可编辑区域的操作为： 　　1．打开己设计的模板文件index.dwt。 　　2．选择“长春介绍”。 　　3．单击菜单栏中“插入|模板对象|可编辑区域”命令． 　　4．打开新建可编辑区域对话框，如图所示。 　　5．在“名称”文本框输入可编辑区域名称。 　　6．单击“确定”，退出“可编辑区域对话框”，建立的“可编辑区域”为绿色框线区域，如图所示。