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

《《网页设计与制作教程与实训》全套ppt电子课件教案第七章模板和库》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章模板和库7.1创建模板7.2编辑模板7.3应用模板7.4更新模板7.5库7.6综合实训模板的创建，编辑和更新库的创建，编辑和更新本章要点7.1创建模板网页模板实际上是一种文档，是用来作为创建其它网页文档的基础文档。我们在创建一个模板时，可以指定页面的哪些内容可以长期保存，不可编辑，哪些内容可以进行编辑修改。假如我们要编一份在线的杂志，报头应该是不变的，而标题和内容要时时更新。我们就可以把每日要更新的内容设为可编辑区，允许编辑，而把报头，栏目标题，版权信息等设为锁定区，不允许编辑。这样做可以大大提高效率，意味着我们可以摆脱不停地做一件事的痛苦了。而且可以使整个

2、网页保持相对一致的风格，便于给浏览者留下好的映像。因此，我们在设计网页时，最好是使用模板来设计。应用模板创建和更新网页的基本流程是：创建模板，编辑模板，使用模板设计网页，最后通过修改模板来更新网页。。在DreamweaverMX2004里面创建模板十分容易，我们可以从空白的HTMLLL文档开始创建模板，也可以把现有的HTMLLL文档保存为模板，然后通过修改，使它符合要求.下面我们来看一看具体的方法。1)创建一个新的空白模板：我们选择主菜单中的【文件】

3、【新建】，在“新建文档”对话框中选择“模板页”选项，打开一个模板文件，如图1所示：2)把现有的网页文档保存为模板：

4、我们可以将一个网页文档选择【文件】

5、【另存为模板】，然后在弹出的“另存模板”的对话框中选择站点，输入模板名称。如图2所示：最后单击“保存”，模板文件就被保存在指定的站点的Templates文件夹中。如图3所示：3)使用资源面板创建模板我们选择【窗口】

6、【模板】，打开“资源”面板，如图4所示：然后单击下方的按钮，进入模板中，再打开按钮，新建一个模板页，在面板中为模板命名，如图5：在我们把模板建立好以后，在“网站”的管理器中会出现一个保存模板文件的目录“Templates”，里面会出现建好的模板，如图6所示：我们在保存模板时，如果此模板中没有定义任何可编辑的区域，那么

7、Dreamweaver会提醒我们模板不包含任何可编辑区域。此时，可以保存模板，它的后缀名为.dwt。但是我们不能修改基于这个模板创建的网页。我们在模板建好后，在它里面创建的都是不可编辑区域，如图7所示：7.2编辑模板刚才我们创建元素都是不可编辑的，下面我们对模板创建可编辑区域。1.创建可编辑区域一个模板文档分为两个部分：可编辑区域和锁定区域。锁定区是用模板创建的网页中相对保持不变的区域，而可编辑区是网页中变化的部分。因此，利用模板创建的网页上，我们只能修改网页文档中的可编辑区，锁定区域是不能被修改的，这就省去了许多重复的工作，同时也可以防止随意编辑导致网页风格的不

8、一样。设定可编辑区域，需要我们在制作模板的时候完成当新创建一个模板或是把已有的文档保存为模板时，Dreamweaver把所有的区域标记为锁定，因此我们必须把一些部分设定为可编辑区。有两种方法可以设定可编辑区域。1）1）把模板中已有的内容定义为可编辑区域(1)打开模板文件，在文档中选择要设定为可编辑区域的内容。(2)选择【插入】

9、【模板对象】

10、【可编辑区域】命令。(3)为新建的可编辑区域命名。2)在模板中定义新的可编辑区域。(1（1)在模板中把光标置于想插入可编辑区的位置。(（2)选择【插入】

11、【模板对象】

12、【可编辑区域】命令，在【新建可编辑区域】对话框中输入名称。

13、具体操作，打开刚才做好的“moban.dwt”文件。1)在模板中把光标移到“姓名”左面的单元格里，单击“工具栏”里的“模板面板里”的按钮，在“新建可编辑区域里”为它命名。如图8所示：将其它的单元格定义为可编辑区域并命名。如图9：这时候我们可以看到，在可编辑区域上有蓝色的标签，标签上是可编辑区域的名称，表示当前区域为可编辑区域。当然，我们也可以删除可编辑区域，首先将光标置于要删除的区域里，然后选择【修改】

14、【模板】

15、【删除模板标记】，光标所在的可编辑区域即被删除。如图10所示：我们在创建了可编辑区域后，在可编辑区域里面可以插入文本，图片，表格等对象，对象的编辑和正常

16、的网页没有任何区别。2.创建可选区域在DreamweaverMX2004里我们可以利用定义模板可选区这一个功能来设置一个区域在利用模板生成的文档中是否被显示。我们可以根据它来设定是否将一个区域显示给浏览者观看。定义模板可选区域的具体操作如下：1)在模板文档中，将光标置于要设置为可选区的位置。2)执行【插入】

17、【模板对象】

18、【可选区域】，将弹出一个新建可选区域的对话框，如图11,图12所示：我们在名称对话框中为它命名，若选中“默认显示”对话框，则可以在默认情况下显示此区。单击“高级”选项卡，弹出对话框如图13所示：单击“使用参数”，然后单击其右侧的下拉按钮，从弹出的

19、下拉列表中