第8章模板与库的应用-精选（公开课件）.pptVIP

模板与库的应用 【网站的风格】网站要保持统一的风格，要求所有页面都能够体现这种风格。使用复制粘贴，虽然可以实现风格的统一，但是，不能做到一改全改 【模板的作用】事先制作一个模板，站点内的所有的网页都直接套用，当模板发生改变时，相关的网页都随之更新 【模板文件】模板本质上是一个网页，也就是一个独立的文件 Dreamweaver将所有的模板文件都存放在站点根目录下的Templates文件夹下，模板文件的扩展名为*.dwt 实例1—利用模板创建网站 【步骤1】制作好一个网页，删除网页中存在差别的部分（可编辑区域），保留相同区域 实例1—利用模板创建网站 【步骤2】菜单“文件”-“另存为模板”，弹出如左图的对话框 【说明】完成后，在“文本”面板（右图）中，出现对应的dwt模板文件 实例1—利用模板创建网站 【步骤3】可对模板文件进行修改 实例1—利用模板创建网站 【步骤4】创建可编辑区域 【可编辑区域】即模板的非公共部分，网页不同，其内容也不同，可以修改，所以称为可编辑区域 实例1—利用模板创建网站 【步骤4】创建可编辑区域 （1）在模板中，将光标至于要插入可编辑区域的位置 （2）插入可编辑区域 【方法1】菜单“插入”-“模板对象”-“可编辑区域” 【方法2】插入面板“常用”-“模板”-“可编辑区域” 实例1—利用模板创建网站 【步骤4】创建可编辑区域 （3）为插入的可编辑区域命名 实例1—利用模板创建网站 【步骤5】调整“可编辑区域”的大小和位置 实例1—利用模板创建网站 【步骤6】设置“可编辑区域”--名称 【方法】单击，选中“可编辑区域”。在属性窗口的“名称”中设置 实例1—利用模板创建网站 【步骤6】设置“可编辑区域”--边框颜色 【方法】选中“可编辑区域”。菜单“编辑”-“首选参数” 实例1—利用模板创建网站 【步骤6】设置“可编辑区域”--可编辑区域的选择 【方法1】直接单击选择 【方法2】菜单“修改”-“模板”，如右图 【步骤6】设置“可编辑区域”-- 可编辑区域的删除 【方法1】选中后，Del 【方法2】菜单“修改”-“模板”-”删除模板标记“ 实例1—利用模板创建网站 【步骤7】将模板应用到网页中，有2种方法 【方法1】根据模板，创建基于模板的网页。菜单“文件”-“新建” 实例1—利用模板创建网站 【步骤7】将模板应用到网页中，有2种方法 【方法2】将已存在的网页套用模板。利用菜单 【步骤1】打开要套用模板的网页 【步骤2】菜单“修改”-”模板”-“套用模板到页”，弹出如下对话框 8.1.6 应用模板 【步骤7】将模板应用到网页中，有2种方法 【方法2】将已存在的网页套用模板。利用文件面板 【步骤1】打开要套用模板的网页 【步骤2】右单击模板-“应用” 或“应用按钮” 实例1—利用模板创建网站 【步骤8】利用步骤7介绍的方法，创建3个页面（都套用模板） 实例1—利用模板创建网站 【步骤9】返回到模板文件mb.dwt。将导航栏链接到对应的页面 实例1—利用模板创建网站 【步骤10】修改模板，将模板的修改应用到所有套用模板的网页中 【方法】修改模板后，保存模板。保存后，自动完成应用，套用模板的页面都具有了超级链接。模板一改，则全改 实例1—利用模板创建网站 【步骤11】编辑每个页面的“可编辑区域”，完成网站的建立 利用模板建立网站的主要步骤 创建模板的3种方法 【方法1】从现有文件创建模板（将普通网页另存为模板） 【方法2】在空白文档中创建模板 【方法3】在“资源”模板中创建模板 创建模板--在空白文档中创建模板 【步骤1】菜单“文件”-“新建” 创建模板--在空白文档中创建模板 【步骤2】设计模板文件，就像设计普通网页一样 【步骤3】保存。菜单“文件”-“保存” 创建模板--在“资源”模板中创建模板 【步骤1】菜单“窗口”-“资源”，打开“文件”面板，其中含有找到资源 【步骤2】单击“模板”按钮，切换到模板子面板 创建模板--在“资源”模板中创建模板 【步骤3】右单击下面的面板-“新建模板” 【步骤4】为新模板命名 模板文件代码 【说明】通过“文件”面板和“文件”菜单建立的空模板文件的代码如下 位于HTML的head和/head之间 套用模板的页面中的代码 【说明】代码都是浅灰色 管理模板 【更新模板文件】 【步骤1】当模板改变后，保存模板时，会提示是否更新？ 管理模板 【更新模板文件】 【步骤2】在“更新页面”中，查看更新情况 管理模板 【脱离模板】套用模板的网页，可以脱离模板，方法如下 【步骤1】打开套用模板的网页 【步骤2】菜单“修改”-“模板” -“从模板中分离” 【说明】虽然脱离了模板，但是，网页还是采用模板的格式，只是没有了“不可编辑区域”和“可编