Dreamweaver8.0网站与网页制作教程.pptVIP

第8章 模板的应用 Chapter 8 The Usage of The Template 8.1 创 建 模 板creating the template 在制作网站时一般要求同一网站的网页风格要统一。设置时可采用大致相同的网页布局结构、同样的版式、导航条和logo等，这时就可以将一个包含共用设置的网页保存为一个模板。 在模板中添加可编辑区域，这样便可通过修改这个模板创建其他网页的可编辑区域中的内容。 如果对模板的其他内容，如logo、banner和导航条进行了修改，则使用该模板创建的所有网页都会被更新，这样就极大地提高了网页制作的效率。 1．创建模板 在创建模板前需先创建站点，因为模板必须保存在站点中，否则创建模板时系统会提示创建站点。创建模板有两种方式：将现有网页另存为模板和直接创建空白模板。 1）将网页另存为模板 具体操作步骤如下： 1）打开需存为模板的网页，选择【文件】→【另存为模板】命令，打开“另存模板”对话框。 2）在“站点”下拉列表框中选择保存模板的站点，在“另存为”文本框中输入模板的名称。 3）单击“保存”按钮关闭对话框，模板文件即被保存在指定站点的Templates文件夹中，文件格式为.dwt。 2）创建空白模板 具体操作步骤如下： 1）选择【文件】→【新建】命令，打开“新建文档”对话框。 2）在“类别”列表框中选择“模板页”选项，在“模板页”列表框中选择“HTML模板”选项，单击“创建” 按钮完成创建。 3）在编辑窗口中对模板进行编辑后，单击“标准”工具栏的按钮，打开 “另存模板”对话框，按相同的方法进行设置后，单击 “保存” 按钮即可。 2．编辑模板 模板创建好后即可对模板进行编辑，如创建可编辑区域、更改可编辑区域的名称和取消对可编辑区域的标记等。 1）创建可编辑区域 可编辑区域是指通过模板创建的网页中可以进行添加、修改和删除等操作的区域，创建它的具体操作步骤如下： 1）打开创建的模板网页，将光标插入点定位到所需位置或选择要设置为可编辑区域的对象，如表格、单元格、文本等。 2）在“常用”插入栏中单击按钮中的 “▼“按钮，在弹出的菜单中选择“可编辑区域”命令或选择【插入】→【模板对象】→【可编辑区域】命令，打开“新建可编辑区域”对话框。 1）创建可编辑区域 3）在“名称”文本框中输入可编辑区域的名称，这里输入Text1。 4）单击”确定“按钮关闭对话框，则模板中创建的可编辑区域以绿色高亮显示。 5）用同样的方法在模板的多个位置创建可编辑区域。 8.1.2 典型案例——创建“经典藏书”网站模板 本案例将练习制作“经典藏书”网站的模板，制作出的“经典藏书”网站模板。 模板网页 案例小结 本案例制作了一个经典藏书的网站模板，主要练习了创建模板以及在模板中添加可编辑区域的操作。 使用模板能提高网页制作的效率，需要注意的是并非一个网站就只创建一个模板，根据需要可创建多个模板使网页的制作更灵活多变。 8.2 创建基于模板的页面 完成了模板的创建和编辑后，就可以开始利用模板创建网页了。另外，对模板进行修改后还需对应用了该模板的网页进行更新。 若要用模板创建新网页，可以使用“从模板新建”对话框，并从任意站点中选择模板，也可以使用“资源”面板从已有模板创建新的网页。此外，还可以给当前网页应用模板。 1．使用“从模板新建”对话框创建网页 在“从模板新建”对话框中可选择任一站点的模板创建新网页，操作步骤如下： 1）选择【文件】→【新建】命令，打开“新建文档”对话框。 2）单击“模板”选项卡，对话框名称由“新建文档”变为“从模板新建”，在“模板用于”列表框中选择所需站点，然后在右侧的列表框中选择所需的模板。 3）单击 ”创建“按钮，即可通过模板创建新网页。 2．在“资源”面板中从模板创建新网页 在“资源”面板中只能使用当前站点的模板创建网页，具体操作步骤如下： 1）选择【窗口】→【资源】命令或按【F11】键打开“资源”面板。 2）在“资源”面板中单击左侧的模板按钮 ，查看当前站点中的模板列表。 3）用鼠标右键单击所需的模板，在弹出的快捷菜单中选择“从模板新建”命令即可从模板新建同一个网页。 3．将当前页面应用模板 如果要为当前编辑的网页应用已有模板，具体操作步骤如下： 1）打开需应用模板的网页。 2）选择【窗口】→【资源】命令，打开“资源”面板，单击面板左侧的按钮打开模板列表。 3）在模板列表中选中要应用的模板， 单击”应用“按钮，也可以用鼠标右键单击所需的模板，在弹出的快捷菜单中选择“应用”命令。 3．将当前页面应用模板 4）如果网页中有不能自动指定到模板区域的内容，会打开“不一致的区域名称”对话框。 5）在该对话框的“可编辑区域”列表中可选择应用的模板中的所有可编辑区域。 6）在“将内容移到新区