模板与库的应用
模板的区域--可选区域
【步骤1】在模板文件中。选择要设置”可选区域“的对象，如单元格、 或单元格中的文字
【步骤2】插入可选区域，并输入“可选区域”的名称 【方法1】菜单“插入”->“模板对象”->“可选区域” 【方法2】插入面板“常用”->“模板”->“可选区域”
模板的区域--可选区域
实例1—利用模板创建网站
【步骤1】制作好一个网页，删除网页中存在差别的部分（可编辑区 域），保留相同区域
实例1—利用模板创建网站
【步骤2】菜单“文件”->“另存为模板”，弹出如左图的对话框 【说明】完成后，在“文本”面板（右图）中，出现对应的dwt模板文
件
实例1—利用模板创建网站
【步骤3】可对模板文件进行修改
可以修改 （3）可选区域：确定模板中的区域是否显示在套用模板的网页上 （4）可编辑的可选区域：实际上，是由一个可编辑区域和一个可选
区域组成 （5）重复区域：该区域可以多次出现在套用模板的网页中
模板的区域--可选区域
【可选区域】确定模板中的区域是否显示在套用模板的网页上
在模板中 设置可选区域不可见
套用模板的网页不显示
实例1—利用模板创建网站
【步骤6】设置“可编辑区域”--边框颜色 【方法】选中“可编辑区域”。菜单“编辑”->“首选参数”
实例1—利用模板创建网站
【步骤6】设置“可编辑区域”--可编辑区域的选择 【方法1】直接单击选择 【方法2】菜单“修改”->“模板”，如右图
【步骤6】设置“可编辑区域”-- 可编辑区域的删除 【方法1】选中后，Del 【方法2】菜单“修改”->“模板”->”删除模板标记“
1）选择“显示记录”，会 显示如下详细信息
2）文件被更新：2个 表明有两个网页被更新 3）模板“不可编辑区域” 等发生改变时，能更新
管理模板
【脱离模板】套用模板的网页，可以脱离模板，方法如下 【步骤1】打开套用模板的网页 【步骤2】菜单“修改”->“模板” ->“从模板中分离” 【说明】虽然脱离了模板，但是，网页还是采用模板的格式，只是没
实例1—利用模板创建网站
【步骤4】创建可编辑区域 【可编辑区域】即模板的非公共部分，网页不同，其内容也不同，可
以修改，所以称为可编辑区域
公共部分， 不可编辑
下面的部分 可编辑区域
实例1—利用模板创建网站
【步骤4】创建可编辑区域 （1）在模板中，将光标至于要插入可编辑区域的位置 （2）插入可编辑区域 【方法1】菜单“插入”->“模板对象”->“可编辑区域” 【方法2】插入面板“常用”->“模板”->“可编辑区域”
实例1—利用模板创建网站
【步骤7】将模板应用到 网页中，有2种方法
【方法1】根据模板，创 建基于模板的网页。 菜单“文件”->“新 建”
选择模板
选择模板所应用的站点
实例1—利用模板创建网站
【步骤7】将模板应用到网页中，有2种方法 【方法2】将已存在的网页套用模板。利用菜单 【步骤1】打开要套用模板的网页 【步骤2】菜单“修改”->”模板”->“套用模板到页”，弹出如下对
实例1—利用模板创建网站
【步骤4】创建可编辑区域 （3）为插入的可编辑区域命名
实例1—利用模板创建网站
【步骤5】调整“可编辑区域”的大小和位置
建议最下面一个单元格，只留1行，然 后插入“可编辑区域”（也为1行）
实例1—利用模板创建网站
【步骤6】设置“可编辑区域”--名称 【方法】单击，选中“可编辑区域”。在属性窗口的“名称”中设置
位于HTML的<head>和</head>之间
套用模板的页面中的代码
【说明】代码都是浅灰色
管理模板
【更新模板文件】 【步骤1】当模板改变后，保存模板时，会提示是否更新？
显示套用了模板的网页 并选择“更新”：更新所有套用了模板的网页
管理模板
【更新模板文件】 【步骤2】在“更新页面”中，查看更新情况 选择更新的范围
有了“不可编辑区域”和“可编辑区域”，网页变为了普通的网 页
模板的区域
【模板的特征】最显著的特征是存在“可编辑区域”和“锁定区域” （1） “锁定区域”：体现网页风格，是各个网页的共有部分，在模
板中可以修改，但是在网页中是锁定的、不能修改的 （2） “可编辑区域”：各网页的不同部分，在模板中、在网页中都
实例1—利用模板创建网站
【步骤11】编辑每个页面的“可编辑区域”，完成网站的建立
利用模板建立网站的主要步骤
创建模板 创建模板中的可编辑区域 将创建的模板套用到页面上 修改模板，将模板的修改应用 所有套用模板的网页上
创建模板的3种方法
【方法1】从现有文件创建模板（将普通网页另存为模板） 【方法2】在空白文档中创建模板 【方法3】在“资源”模板中创建模板
话框
选择模板
8.1.6 应用模板
【步骤7】将模板应用到网页中，有2种方法 【方法2】将已存在的网页套用模板。利用文
件面板 【步骤1】打开要套用模板的网页【步骤2】右单击模板->“应用”
或“应用按钮”
模板
实例1—利用模板创建网站
【步骤8】利用步骤7介绍的方法，创建3个页面（都套用模板） 网页套用的模板
板
【步骤1】菜单“窗口”->“资源”，打开“文件”面板，其中含有找 到资源
【步骤2】单击“模板”按钮，切换到模板子面板
创建模板--在“资源”模板中创建模
板
【步骤3】右单击下面的面板->“新建模板” 【步骤4】为新模板命名
模板文件代码
【说明】通过“文件”面板和“文件”菜单建立的空模板文件的代码 如下
【注意】光标在“可 编辑区域”才有效
实例1—利用模板创建网站
【步骤9】返回到模板文件mb.dwt。将导航栏链接到对应的页面
实例1—利用模板创建网站
【步骤10】修改模板，将模板的修改应用到所有套用模板的网页中 【方法】修改模板后，保存模板。保存后，自动完成应用，套用模板
的页面都具有了超级链接。模板一改，则全改
创建模板--在空白文档中创建模板
【步骤1】菜单“文件”->“新建”
其他类型的网页模板
创建模板--在空白文档中创建模板
【步骤2】设计模板文件，就像设计普通网页一样 【步骤3】保存。菜单“文件”->“保存”
自动在站点中建立Templates文件夹 用于存放模板文件
创建模板--在“资源”模板中创建模
