中职《网页设计与制作（项目式教材）》（机工版·2018）同步课件：项目十二 模板与库(共32张PPT)

(课件网) 项目十二 模板与库 > 任务一 使用模板 认识模板 创建模板 定义可编辑区域 应用模板 = 本节提纲 更新模板 网页模板 模板实质上是一种特殊类型的文档，它主要是作为创建其他文档的基础，用于设计布局比较固定的页面结构或元素。模板是网页设计中比较高级的内容，很好地体现了Dreamweaver在大型网页项目开发中的先进性，这种技术可以尽量地避免开发时的重复工作。 可编辑区域 可编辑区域就是基于模板文档的未锁定区域，是网页套用模板后，可以编辑的区域。 认识模板 模板实质上是一种特殊类型的文档，模板文档中有可编辑区域和不可编辑区域。使用模板可以一次在网站站点中更新多个页面。 模板的可编辑区域是基于该模板的网页页面中可以修改的网页元素，不可编辑区域是在网站页面中保持不变的网页元素。 模板是网页设计中比较高级的内容，很好地体现了Dreamweaver在大型网页项目开发中的先进性，这种技术可以尽量地避免开发时的重复工作。 创建模板 （一）在“资源”面板直接创建模板 1.选择“窗口”→“资源”命令，打开“资源”面板。 2.然后单击“资源”面板底部的“新建模板”按钮 。 3.创建完空模板后，双击该模板或者单击面板底部的“编辑”按钮，打开模板进行编辑。 4.保存模板。 。 一、直接创建模板 创建模板 （二）在文件菜单中直接创建模板 选择“文件”→“新建”命令，打开“新建文档”对话框。然后在“类别”列表中选择“空白页”或者“空模板”选项，并在“空白页”或者“空模板”列表中选择“HTML模板”选项，单击“创建”按钮即可。 。 创建模板 二、将网页另存为模板 1.打开“tea culture”站点中已存在的网页文件“index.html”，这是一个已基本制作完成的网页，如图12-9所示，删除其中不要的内容，选择“文件”→“另存为模板”命令，将网页另存为模板。 。 创建模板 二、将网页另存为模板 1.打开“tea culture”站点中已存在的网页文件“index.html”，这是一个已基本制作完成的网页，如图12-9所示，删除其中不要的内容，选择“文件”→“另存为模板”命令，将网页另存为模板。 。 创建模板 二、将网页另存为模板 2.弹出“另存模板”对话框，如图12-10所示，请正确选择正在使用的站点“tea culture”，设置输入模板文件名，如“moban”，单击“保存”按钮。此时模板文件将自动存入站点的“templates”文件夹中，如果有相同文件名的模板文件，则会覆盖掉。 定义模板的可编辑区域 模板的可编辑区域 可编辑区域就是基于模板文档的未锁定区域，是网页套用模板后，可以编辑的区域。 可编辑区域的对象 可以把图像、文本、表格、AP元素、客户端行为等页面元素设置为可编辑区，可把整个表格及表格里的内容设置为一个可编辑区，也可以把某一个单元格及内容设置为一个可编辑区 定义可编辑区的具体步骤如下： 1.在“文件”面板或“资源”面板中，选择模板文件“moban”，双击打开。 2.选中可以编辑修改的区域，如图12-12所示，图中选择的是标题“中国茶的发展历史”所在的表格标签。 3.选择菜单“插入”→“模板对象”→“可编辑区域”命令，在弹出的对话框中给该可编辑区域命名，单击“确定”按钮，如图12-13所示。 4.新添加的可编辑区域有蓝色边框，上面有蓝色标签，标签上是可编辑区域的名称，如图所示。可编辑区域的内容“中国茶的发展历史”可以清除，但为了页面的完整性，模板中也可以不删除，在模板应用到网页后要输入新内容之前再删除。 5.再将内容图所在单元格添加为一个可编辑区域“EditRegion2”， 如图12-14所示。效果如图12-15所示。 应用模板 操作步骤如下： 1.在站点中新建一个空白网页。 在“文件”面板中，在站点的根文件夹 ... ...