《Dreamweaver网页设计与网站开发》第五章.ppt

Companyname主讲：Dreamweaver网页设计与网站开发第五章利用模板和库创建网页第一节创建模板一、创建空白模板第一节创建模板二、从现有文档创建模板Dreamweaver可以把现有的文档另存为模板。首先打开一个已经制作完成的文档，然后在菜单栏中选择【文件】→【另存为模版】命令，在弹出的【另存为模版】对话框设置模板名称后，单击【保存】按钮（见图5-3），最后在弹出的Dreamweaver提示框中单击【是】按钮（见图5-4）。完成操作后，用户可以在网页窗口的左上角，看到后缀为“.dwt”的模板。注意：因为模板文档与原网页文档的存储位置不同，所以用户在另存为模板时，还需要确定超级链接路径的正确与否。第二节定义与应用模板一、定义可编辑区域可编辑区域的操作方法如下：首先打开创建的模板网页，将光标放置在准备插入可编辑区域的位置，在菜单栏中选择【插入】→【模板对象】→【可编辑区域】命令，然后在弹出的【新建可编辑区域】对话框中，在【名称】文本框中输入该区域的名称，单击【确定】按钮（见图5-5）。这样，可编辑区域即被插入搭配模板中，在文档窗口中用户可以看到，可编辑区域在模板页面中由高亮显示的矩形边框围绕，区域左上角显示该区域名称（见图5-6）。选中可编辑区域后，用户可在【属性】面板中对名称等参数进行修改（见图5-7）。第二节定义与应用模板如果用户想将可编辑区域再次锁定，可右击【可编辑区域】标签，选择【模板】→【删除模板标记】命令，该区域就被再次锁定（见图5-8）。注意：在Dreamweaver中对模板进行可编辑区域的内容定义时，用户既可以标记整个表格，也可以标记表格中的某个单元格，但是不能一次标记多个单元格。二、定义可选区域（一）可选区域使用可选区域，用户可以显示或者隐藏模板中的区域；可以设置特别标签区域，在这些区域中用户无法编辑内容。所以在创建可选区域之前，用户要先插入网页元素，选中该元素后单击【插入】面板的【常规】选项中的【可选区域】按钮，可以完成可选区域的创建（见图5-9）。（二）可编辑的可选区域使用可编辑的可选区域，用户可以设置是否显示或者隐藏该区域，还可以编辑该区域中的内容。因为是可以编辑的区域，所以用户可以在空白区域中创建。直接单击【插入】面板的【常规】选项中的【可编辑的可选区域】按钮，即可创建可编辑的可选区域（见图5-10）。第二节定义与应用模板三、定义可编辑标签属性可编辑标签属性是指在根据模板创建的文档中可以修改的指定的标签属性，例如模板文档中已经设置了背景颜色，但仍允许为创建的页面设置不同的背景颜色。执行【修改】→【模板】→【令属性可编辑】命令，在【可编辑标签属性】对话框中设置要更改的标签属性即可（见图5-11）。其中【可编辑标签属性】对话框中的各个选项及功能如下（见表5-1）。第二节定义与应用模板四、定义重复区域重复区域是用户能够根据需要在基于模板的页面中复制任意次数的模板部分。重复区域通常用于表格，但用户也能够为其他页面元素定义重复区域。在静态页面中，重复区域的概念常在模板中用到。重复区域通常与元素一起使用，所以用户在创建重复区域之前，首先要选中网页中的某个元素，然后单击【插入】面板的【常规】选项中的【重复区域】按钮（见图5-12）。重复区域在基于模板的页面中不可编辑，只能复制。所以若要编辑重复区域的内容，需要在创建重复区域后，再在其内部创建可编辑区域（见图5-13）。可重复区域类型还包括重复表格。重复表格是创建包含重复行的表格格式的可编辑区域，单击【常用】选项卡中的【重复表格】按钮，并设置【插入重复表格】对话框内的各参数（见图5-14）。只有创建所有单元格为可编辑区域的重复表格，用户才可以在所有单元格中插入元素。一、创建基于模板的网页创建模板之后，用户可以将模板作为新文档的基础，创建带有模板的新网页。创建模板的方法是：在菜单栏中选择【文件】→【新建】命令，在弹出的【新建文档】对话框中选择【模板中的页】选项卡，然后在【站点】列表框中选择模板所在的本地站点，接着选择模板名称，单击【创建】按钮（见图5-15）。注意：通过【新建文档】对话框创建基于模板的网页文档时，要选中【当模板改变时更新页面】单选按钮，否则更改模板文档后，该网页文档不会被更新。第三节应用与管理模板第三节应用与管理模板二、在现有文档中应用模板（一）使用资源面板将模板应用于文档（见图5-16）（二）通过文档窗口将模板应用于文档（见图5-17、图5-18）第三节应用与管理模板三、更新模板中的页面使用模板可以轻松更新整个网站或是一个网站中的