《网页设计与制作教程与实训》全套PPT电子课件教案第七章 模板和库.ppt

第7章 模板和库 7. 1 创建模板 7. 2 编辑模板 7. 3 应用模板 7. 4 更新模板 7. 5 库 7. 6 综合实训 本章要点 模板的创建，编辑和更新 库的创建，编辑和更新 在Dreamweaver MX2004里面创建模板十分容易，我们可以从空白的HTMLLL文档开始创建模板，也可以把现有的HTMLLL文档保存为模板，然后通过修改，使它符合要求.下面我们来看一看具体的方法。 1)创建一个新的空白模板： 我们选择主菜单中的【文件】|【新建】，在“新建文档”对话框中选择“模板页”选项，打开一个模板文件，如图1所示： 2)把现有的网页文档保存为模板： 我们可以将一个网页文档选择【文件】|【另存为模板】，然后在弹出的“另存模板”的对话框中选择站点，输入模板名称。如图2所示： 最后单击“保存”，模板文件就被保存在指定的站点的Templates文件夹中。如图3所示： 3)使用资源面板创建模板 我们选择【窗口】|【模板】，打开“资源”面板，如图4所示： 然后单击下方的按钮，进入模板中，再打开 按钮，新建一个模板页，在面板中为模板命名，如图5： 在我们把模板建立好以后，在“网站”的管理器中会出现一个保存模板文件的目录“Templates”，里面会出现建好的模板，如图6所示： 我们在保存模板时，如果此模板中没有定义任何可编辑的区域，那么Dreamweaver会提醒我们模板不包含任何可编辑区域。此时，可以保存模板，它的后缀名为 .dwt。但是我们不能修改基于这个模板创建的网页。我们在模板建好后，在它里面创建的都是不可编辑区域，如图7所示：  7.2 编辑模板 刚才我们创建元素都是不可编辑的，下面我们对模板创建可编辑区域。 1. 创建可编辑区域 一个模板文档分为两个部分：可编辑区域和锁定区域。锁定区是用模板创建的网页中相对保持不变的区域，而可编辑区是网页中变化的部分。因此，利用模板创建的网页上，我们只能修改网页文档中的可编辑区，锁定区域是不能被修改的，这就省去了许多重复的工作，同时也可以防止随意编辑导致网页风格的不一样。设定可编辑区域，需要我们在制作模板的时候完成 当新创建一个模板或是把已有的文档保存为模板时，Dreamweaver把所有的区域标记为锁定，因此我们必须把一些部分设定为可编辑区。 有两种方法可以设定可编辑区域。 1）1）? 把模板中已有的内容定义为可编辑区域 (1)打开模板文件，在文档中选择要设定为可编辑区域的内容。 (2)选择【插入】|【模板对象】|【可编辑区域】命令。 (3)为新建的可编辑区域命名。 2) 在模板中定义新的可编辑区域。 (1（1)??? 在模板中把光标置于想插入可编辑区的位置。 ( （2)??? 选择【插入】|【模板对象】|【可编辑区域】命令，在【新建可编辑区域】对话框中输入名称。 具体操作，打开刚才做好的“moban.dwt”文件。 1)在模板中把光标移到“姓名”左面的单元格里，单击“工具栏”里的“模板面板里”的按钮，在“新建可编辑区域里”为它命名。如图8所示： 将其它的单元格定义为可编辑区域并命名。如图9： 这时候我们可以看到，在可编辑区域上有蓝色的标签，标签上是可编辑区域的名称，表示当前区域为可编辑区域。当然，我们也可以删除可编辑区域，首先将光标置于要删除的区域里，然后选择【修改】|【模板】|【删除模板标记】，光标所在的可编辑区域即被删除。如图10所示： 我们在创建了可编辑区域后，在可编辑区域里面可以插入文本，图片，表格等对象，对象的编辑和正常的网页没有任何区别。 2. 创建可选区域 在Dreamweaver MX2004里我们可以利用定义模板可选区这一个功能来设置一个区域在利用模板生成的文档中是否被显示。我们可以根据它来设定是否将一个区域显示给浏览者观看。定义模板可选区域的具体操作如下： 1)在模板文档中，将光标置于要设置为可选区的位置。 2)执行 【插入】|【模板对象】|【可选区域】，将弹出一个新建可选区域的对话框，如图11,图12所示： 我们在名称对话框中为它命名，若选中“默认显示”对话框，则可以在默认情况下显示此区。 单击“高级”选项卡，弹出对话框如图13所示： 单击“使用参数”，然后单击其右侧的下拉按钮，从弹出的下拉列表中选择参数的设置区域是否可见。 (1)单击“输入表达式”单选框，然后在其下方的文本框中输入表达式来设置区域显示与否。 (2)设置完以后，单击“确认”来完成设置。如图14所示： 我们需要注意的是，可选区不是可编辑区，它仍然是锁定区，我们可以将可选区域设置为不可编辑区。 3. 创建重复区域 重复区域是指在文档中重复出现的区域，它主要应用于动态网页中