网页设计与制作 第七章 模版与库
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
可选区域可以控制不一定在基于模版的文件中 的显示内容。
可选区域是模板中的特殊区域，能控制模板中 内容在特定的页面中显示或隐藏。可选区域是 通过一个“if”条件语句进行控制的。通过简 单或复杂的条件语句和表达式，来决定该区域 的显示或隐藏。
1．插入可选区域
插入可选区域的步骤如下： 在模板中选中想要设置为可选区域的文本或内容。 任选以下操作之一： 选择【插入】/【模板对象】/【可选区域】菜单命令。 在【常用】工具栏的中，单击【模板】按钮右侧的箭
用模版与库的两大理由
统一整个网站的风格 做到一改全改
1．Dreamweaver的模板
在开发Web网站时，使用Dreamweaver的模板功能有助于设计 风格一致的网页。众所周知，站点必须经常更新，才能赢得更多 的访问量，在Dreamweaver中通过模板来创建和更新网页，便 于网站的维护和管理，可以充分地重用资源，从而大大提高工作 的效率。
7.2.6 创建嵌套模板
创建嵌套模板的步骤如下： 创建一个基于模板的文件。 选择【文件】/【另存为模板】菜单命令，或单击插入
栏“常用”面板上【模板】按钮右边的下拉箭头，在 弹出菜单中单击【创建嵌套模板】命令，出现“另存 模板”对话框，输入名字后单击【保存】按钮保存文 档，如图7-13所示。 在基于嵌套模板的文档中，可以添加或更改从基本模 板传递的可编辑区域（以及在新模板中创建的可编辑 区域）中的内容。
7.3 应用模板
7.3.1应用模板创建新文档 选择【文件】/【新建】命令，打开【新建文档】对话
框，在对话框中选择【模板】选项卡，出现【从模板 新建】对话框 也可以通过【资源】面板来完成以上操作，具体步骤 如下： 还可以把模板文件应用到现有文档中，具体操作步骤 如下： 先打开一文档，然后选择【修改】/【模板】/【应用 模板到页】命令，打开【选择模板】对话框，如图716所示
7.2 设置模板的属性
7.2.1 设置模板的页面属性 7.2.2 定义模板的可编辑区 每个模板都包含可编辑区和不可编辑区两部分。
可编辑区是指一个页面中可以更改的部分，不 可编辑区是指在所有页面中不能改变的内容。 它的内容只能在编辑模板中修改 。
7.2 设置模板的属性
7.2.3 定义模板的重复区域 重复区域可以是根据需要在基于模版的页面中任意复
顾名思义，模板就是一种样板，照着这个样板，可以制作出多个 样式一致的网页。模板面板提供了一种建立同一风格网页基本框 架的方法。例如，对于一个大型站点，大多数文档上通常会出现 相同的内容，如公司的名称、网站的标志、公司徽标、网站导航 条等。如果将这些格式存储为模板，再通过该模板创建新文档， 所生成的新文档中会自动出现这些共有内容。这样，在编辑网页 时，只需输入每个文档中不同的内容就可以了。
3．修改可选区域
将弹出【新建可选区域】对话框，如图7.12 所示。
按需要进行更改后，单击【确定】按钮，就 完成可选区的修改。
撤消一个区域的可选区域标记的操作为：选 择【修改】/【模板】/【删除模板标记】
7.2.5 定义嵌套模板
嵌套模板是指其设计和制作都基于另一个模板 的模板。嵌套模板不但可以用来创建基本模板 的变体；还可以嵌套多个模板来定义更加精确 的布局。若要创建嵌套模板，必须首先保存原 始模板或基本模板，然后基于该模板创建新文 档，最后将该文档另存为模板。在新模板中， 可以在原来在基本模板中定义为可编辑的区域 中进一步定义可编辑区域。
2．Dreamweaver的库
Dreamweaver库项目的扩展名为“.lib”。每个 站点都有自己的库，用户可以为每个站点定义 不同的库。Dreamweaver 将库项目存储在每 个站点的本地根文件夹内的“Library”文件夹 中。
第七章 模版与库
7.1 创建模板 7.2 设置模板的属性 7.3 应用模板 7.4 库项目
头，从弹出的菜单中选择【可选区域】按钮。 右击鼠标，在弹出的菜单中选择【新建可选区域】命
令。 弹出的【新建可选区域】对话框，如图7-9所示。
1．插入可选区域
在【名称】文本框中输入可选区域名称，单击【确定】按钮。 说明：在“代码”视图中，可以找到有关可选区域的代码。模
板参数在head部分定义： <!-- TemplateParam name="OptionalRegion1" type="boolean"
7.4 库项目
与模版不同的是，模版应用的是整个页面， 而库文件只是页面中的一部分。利用库文件可 以将页面中常用到的某个对象或多个对象转换 为库文件，然后将库文件作为一个对象插入到 页面中，这样就能够通过简单的插入操作创建 页面局部内容了。
7.4.1 生成库项目
库是一种特殊的Dreamweaver Mx 2004 文件，其中 包含已创建以便放在网页上的单独的资源或资源拷贝 的集合。库中可以存储各种各样的元素，如文本、表 格、表单、Java applet、插件、 ActiveX 元素、导航 条和图像。使用库项目可处理在多个页面中使用并且 需要经常更新的内容。
第七章 模版与库
第七章 模版与库
学习目标：
通过本章的学习，要求掌握模板与库的基 本概念，如何创建模板、库，如何设置模板、 库的属性，熟练运用模板与库来创建并更新网 站的内容。
第七章 模版与库
一个大型网站往往需要让许多甚至所有网页在某 个固定的位置显示相同的内容，如网站的标志、公司 徽标、网站导航条等。这样制作这些网页的时候就可 以直接在一个模板制作，而不必从头开始，其功能类 似PowerPoint幻灯片中的模板。当改动这些网页时， 也不必逐一修改页面元素，而是可以一次同时修改完 毕。此外，还需要重复使用网页上的某些元素，而不 必再重新插入或编写他们。对于这些需求 Dreamweaver提供了“模板”和“库”的功能，来使 你的网页制作事半功倍。
value="true" --> 在插入可选区域的位置，将出现类似于下列代码的代码： <!-- TemplateBeginIf con百度文库="OptionalRegion1" -->第三行<!--
TemplateEndIf --> 从模板创建的网页的head区中，也将插入模板参数部分代码。
如果网页中不需显示可选区域内容时，只需在网页HTML代码 head部分找到上述代码，把其中的value值设置为false即可。
2．Dreamweaver的库
除了模板之外，为了重复地使用网页设计资源，Dreamweaver 还提供了库。用户可以将Dreamweaver的库，理解为可重用的 网页对象集合，还可以利用库来处理在多个页面中出现的内容， 版权信息、公司地址等。
库是一种特殊的 Dreamweaver 文件，其中包含您已创建以便放 在 Web 页上的单独的资源或资源副本的集合，用来存储要在整 个 Web 站点上经常重复使用或更新的页面元素（如图像、文本 和其他对象）的方法。库里的这些资源称为库项目（Library Item），可以将单个网页对象创建为库项目，也可以将多个网页 对象的组合创建为库项目。库项目就是在网页中能重复使用的 “零件”。每当更改某个库项目的内容时，可以更新所有使用该 项目的页面。可以在库中存储各种各样的页面元素，如图像、表 格、声音和 Flash 文件。
输入可选区域名称，单击【确定】按钮。
3．修改可选区域
在模板中插入可选区域之后，可以编辑该区域的设置。例如， 可以对是否显示内容默认值的设置进行更改，将参数链接到现有 可选区域，或者修改模板表达式。 修改可选区域，步骤如下： 打开要修改的模板文件。 执行下列操作之一： 在文档窗口中，单击要修改的可选区域“EditRegion5”的模板选 项卡。 图7-10 在“设计”视图中，将插入点放置在模板区域中；然后在文档窗 口底部的标签选择器中选择模板标签 <mmtemplate:if>。。 在【属性】面板中单击【编辑】按钮，如图7-11所示。
中选择【重复区域】按钮。 将弹出“新建重复区域”对话框，如图7-7所示。在“名称”文本框中
为模板区域输入唯一的名称。单击【确定】按钮，重复区域被插入到 模板中。
2．插入重复表格
可以使用重复表格创建包含重复行的表格。单元格为可编辑区域。 插入重复表格，步骤如下： 在“文档”窗口中，将插入点放在文档中想要插入重复表格的位
分离模版
将文件从模板中分离的操作如下： 打开想要分离模板的文件。 选择【修改】/【模板】/【从模板中分离】命
令。 则页面从模板中分离出来，所有区域都可以编
辑了。
7.3.2修改模板并更新站点
模板创建好后，可以进行修改，更改模板之后，Dreamweaver MX 2004 会提示更新基于该模板的所有文档。如果需要也可以手动更新基于模板的文 档。 修改模板并更新站点的步骤如下： 打开一个模板文件。 对模板文件进行修改，然后保存。 将弹出【更新模板文件】对话框，如图7-18所示。 在列表框中选择应用了模板的文件，单击【更新】按钮，完成更新操作。 更新整个站点或更新使用了模板的文件的操作如下： 选择【修改】/【模板】/【更新页面】命令，弹出【更新页面】对话框，如 图7-19所示。 在【查看】下拉列表中，根椐需要选择其中一项。 选择【整个站点】，再选择站点名称。则该站点的所有页面都将被相应的模 板更新。 选择【文件使用】，再选择模板名称。则当前站点中所有使用了该模板的页 面都将被更新。 确定【更新】选项组中的【模板】复选框被选项中。单击【开始】按钮。
2．插入可编辑的可选区域
插入可编辑的可选区域的步骤如下： 在模板中选中想要设置为可编辑的可选区域的文本或内容。 任选以下操作之一： 选择【插入】/【模板对象】/【可编辑的可选区域】菜
单命令。 在【常用】工具栏的中，单击【模板】按钮右侧的箭头，
从弹出的菜单中选择【可编辑的可选区域】按钮。 弹出的【新建可选区域】对话框，在【名称】文本框中
制的模版部分，通常用于表格，当然也可以为其他页 面元素设置重复区域。 重复区域是不可编辑区，如果要在重复区域中编辑不 同的内容，必须在重复区域中插入可编辑区域。 重复区域可以使用两种重复区域模板对象：重复区域 和重复表格。
1．在模板中插入重复区域
在模板中插入重复区域，步骤如下： 在“文档”窗口中执行下列操作之一： 选择想要设置为重复区域的文本或内容。 将插入点放入文档中想要插入重复区域的地方。 执行下列操作之一创建重复区域： 选择【插入】/【模板对象】/【重复区域】菜单命令。 单击右键，在弹出的快捷菜单中选择【模板】/【新建重复区域】。 在【常用】工具栏中，单击【模板】按钮右侧的箭头，从弹出的菜单
1．Dreamweaver的模板
模板的原理是由可编辑区域和不可编辑区域两部分组 成。不可编辑区域包含了在所有面面中共有的元素， 即构成页面的基本框架；而可编辑区域是为添加相应 的内容而设置的。Dreamweaver的模板的扩展名为 “.dwt”。创建模板后，Dreamweaver会自动在当前站 点的根目录中创建一个名为“Templates”的目录，然 后将该模板文件存储在该目录中。用户可以在将模板 应用于文档之后，再修改模板。当使用修改后的模板 更新文档时，文档只有不可编辑的部分才会随模板更 新，不会影响到其他内容。
置。 执行下列操作之一： 选择【插入】/【模板对象】/【重复表格】菜单命令。 在【常用】工具栏的中单击【模板】按钮右侧的箭头，从弹出的
菜单中选择【重复表格】按钮。 将弹出【插入重复表格【对话框。如图7-8所示。 按需要输入值。单击【确定】按钮，重复表格即出现在模板中。
7.2.4 定义可选区域
7.1 创建模板
模板的创建有两种方式：一种是从头创建一个 新的模板；另一种是将现有文档进行修改，然 后存储为模板文件。创建模板后， Dreamweaver会自动在当前站点的根目录中 创建一个名为“Templates”的目录，然后将该 模板文件存储在该目录中。
7.1 创建模板
7.1.1 新建模板文件 7.1.2 将现有的HTML文档转换成模板
可选区域是模板中的特殊区域，能控制模板中 内容在特定的页面中显示或隐藏。可选区域是 通过一个“if”条件语句进行控制的。通过简 单或复杂的条件语句和表达式，来决定该区域 的显示或隐藏。
1．插入可选区域
插入可选区域的步骤如下： 在模板中选中想要设置为可选区域的文本或内容。 任选以下操作之一： 选择【插入】/【模板对象】/【可选区域】菜单命令。 在【常用】工具栏的中，单击【模板】按钮右侧的箭
用模版与库的两大理由
统一整个网站的风格 做到一改全改
1．Dreamweaver的模板
在开发Web网站时，使用Dreamweaver的模板功能有助于设计 风格一致的网页。众所周知，站点必须经常更新，才能赢得更多 的访问量，在Dreamweaver中通过模板来创建和更新网页，便 于网站的维护和管理，可以充分地重用资源，从而大大提高工作 的效率。
7.2.6 创建嵌套模板
创建嵌套模板的步骤如下： 创建一个基于模板的文件。 选择【文件】/【另存为模板】菜单命令，或单击插入
栏“常用”面板上【模板】按钮右边的下拉箭头，在 弹出菜单中单击【创建嵌套模板】命令，出现“另存 模板”对话框，输入名字后单击【保存】按钮保存文 档，如图7-13所示。 在基于嵌套模板的文档中，可以添加或更改从基本模 板传递的可编辑区域（以及在新模板中创建的可编辑 区域）中的内容。
7.3 应用模板
7.3.1应用模板创建新文档 选择【文件】/【新建】命令，打开【新建文档】对话
框，在对话框中选择【模板】选项卡，出现【从模板 新建】对话框 也可以通过【资源】面板来完成以上操作，具体步骤 如下： 还可以把模板文件应用到现有文档中，具体操作步骤 如下： 先打开一文档，然后选择【修改】/【模板】/【应用 模板到页】命令，打开【选择模板】对话框，如图716所示
7.2 设置模板的属性
7.2.1 设置模板的页面属性 7.2.2 定义模板的可编辑区 每个模板都包含可编辑区和不可编辑区两部分。
可编辑区是指一个页面中可以更改的部分，不 可编辑区是指在所有页面中不能改变的内容。 它的内容只能在编辑模板中修改 。
7.2 设置模板的属性
7.2.3 定义模板的重复区域 重复区域可以是根据需要在基于模版的页面中任意复
顾名思义，模板就是一种样板，照着这个样板，可以制作出多个 样式一致的网页。模板面板提供了一种建立同一风格网页基本框 架的方法。例如，对于一个大型站点，大多数文档上通常会出现 相同的内容，如公司的名称、网站的标志、公司徽标、网站导航 条等。如果将这些格式存储为模板，再通过该模板创建新文档， 所生成的新文档中会自动出现这些共有内容。这样，在编辑网页 时，只需输入每个文档中不同的内容就可以了。
3．修改可选区域
将弹出【新建可选区域】对话框，如图7.12 所示。
按需要进行更改后，单击【确定】按钮，就 完成可选区的修改。
撤消一个区域的可选区域标记的操作为：选 择【修改】/【模板】/【删除模板标记】
7.2.5 定义嵌套模板
嵌套模板是指其设计和制作都基于另一个模板 的模板。嵌套模板不但可以用来创建基本模板 的变体；还可以嵌套多个模板来定义更加精确 的布局。若要创建嵌套模板，必须首先保存原 始模板或基本模板，然后基于该模板创建新文 档，最后将该文档另存为模板。在新模板中， 可以在原来在基本模板中定义为可编辑的区域 中进一步定义可编辑区域。
2．Dreamweaver的库
Dreamweaver库项目的扩展名为“.lib”。每个 站点都有自己的库，用户可以为每个站点定义 不同的库。Dreamweaver 将库项目存储在每 个站点的本地根文件夹内的“Library”文件夹 中。
第七章 模版与库
7.1 创建模板 7.2 设置模板的属性 7.3 应用模板 7.4 库项目
头，从弹出的菜单中选择【可选区域】按钮。 右击鼠标，在弹出的菜单中选择【新建可选区域】命
令。 弹出的【新建可选区域】对话框，如图7-9所示。
1．插入可选区域
在【名称】文本框中输入可选区域名称，单击【确定】按钮。 说明：在“代码”视图中，可以找到有关可选区域的代码。模
板参数在head部分定义： <!-- TemplateParam name="OptionalRegion1" type="boolean"
7.4 库项目
与模版不同的是，模版应用的是整个页面， 而库文件只是页面中的一部分。利用库文件可 以将页面中常用到的某个对象或多个对象转换 为库文件，然后将库文件作为一个对象插入到 页面中，这样就能够通过简单的插入操作创建 页面局部内容了。
7.4.1 生成库项目
库是一种特殊的Dreamweaver Mx 2004 文件，其中 包含已创建以便放在网页上的单独的资源或资源拷贝 的集合。库中可以存储各种各样的元素，如文本、表 格、表单、Java applet、插件、 ActiveX 元素、导航 条和图像。使用库项目可处理在多个页面中使用并且 需要经常更新的内容。
第七章 模版与库
第七章 模版与库
学习目标：
通过本章的学习，要求掌握模板与库的基 本概念，如何创建模板、库，如何设置模板、 库的属性，熟练运用模板与库来创建并更新网 站的内容。
第七章 模版与库
一个大型网站往往需要让许多甚至所有网页在某 个固定的位置显示相同的内容，如网站的标志、公司 徽标、网站导航条等。这样制作这些网页的时候就可 以直接在一个模板制作，而不必从头开始，其功能类 似PowerPoint幻灯片中的模板。当改动这些网页时， 也不必逐一修改页面元素，而是可以一次同时修改完 毕。此外，还需要重复使用网页上的某些元素，而不 必再重新插入或编写他们。对于这些需求 Dreamweaver提供了“模板”和“库”的功能，来使 你的网页制作事半功倍。
value="true" --> 在插入可选区域的位置，将出现类似于下列代码的代码： <!-- TemplateBeginIf con百度文库="OptionalRegion1" -->第三行<!--
TemplateEndIf --> 从模板创建的网页的head区中，也将插入模板参数部分代码。
如果网页中不需显示可选区域内容时，只需在网页HTML代码 head部分找到上述代码，把其中的value值设置为false即可。
2．Dreamweaver的库
除了模板之外，为了重复地使用网页设计资源，Dreamweaver 还提供了库。用户可以将Dreamweaver的库，理解为可重用的 网页对象集合，还可以利用库来处理在多个页面中出现的内容， 版权信息、公司地址等。
库是一种特殊的 Dreamweaver 文件，其中包含您已创建以便放 在 Web 页上的单独的资源或资源副本的集合，用来存储要在整 个 Web 站点上经常重复使用或更新的页面元素（如图像、文本 和其他对象）的方法。库里的这些资源称为库项目（Library Item），可以将单个网页对象创建为库项目，也可以将多个网页 对象的组合创建为库项目。库项目就是在网页中能重复使用的 “零件”。每当更改某个库项目的内容时，可以更新所有使用该 项目的页面。可以在库中存储各种各样的页面元素，如图像、表 格、声音和 Flash 文件。
输入可选区域名称，单击【确定】按钮。
3．修改可选区域
在模板中插入可选区域之后，可以编辑该区域的设置。例如， 可以对是否显示内容默认值的设置进行更改，将参数链接到现有 可选区域，或者修改模板表达式。 修改可选区域，步骤如下： 打开要修改的模板文件。 执行下列操作之一： 在文档窗口中，单击要修改的可选区域“EditRegion5”的模板选 项卡。 图7-10 在“设计”视图中，将插入点放置在模板区域中；然后在文档窗 口底部的标签选择器中选择模板标签 <mmtemplate:if>。。 在【属性】面板中单击【编辑】按钮，如图7-11所示。
中选择【重复区域】按钮。 将弹出“新建重复区域”对话框，如图7-7所示。在“名称”文本框中
为模板区域输入唯一的名称。单击【确定】按钮，重复区域被插入到 模板中。
2．插入重复表格
可以使用重复表格创建包含重复行的表格。单元格为可编辑区域。 插入重复表格，步骤如下： 在“文档”窗口中，将插入点放在文档中想要插入重复表格的位
分离模版
将文件从模板中分离的操作如下： 打开想要分离模板的文件。 选择【修改】/【模板】/【从模板中分离】命
令。 则页面从模板中分离出来，所有区域都可以编
辑了。
7.3.2修改模板并更新站点
模板创建好后，可以进行修改，更改模板之后，Dreamweaver MX 2004 会提示更新基于该模板的所有文档。如果需要也可以手动更新基于模板的文 档。 修改模板并更新站点的步骤如下： 打开一个模板文件。 对模板文件进行修改，然后保存。 将弹出【更新模板文件】对话框，如图7-18所示。 在列表框中选择应用了模板的文件，单击【更新】按钮，完成更新操作。 更新整个站点或更新使用了模板的文件的操作如下： 选择【修改】/【模板】/【更新页面】命令，弹出【更新页面】对话框，如 图7-19所示。 在【查看】下拉列表中，根椐需要选择其中一项。 选择【整个站点】，再选择站点名称。则该站点的所有页面都将被相应的模 板更新。 选择【文件使用】，再选择模板名称。则当前站点中所有使用了该模板的页 面都将被更新。 确定【更新】选项组中的【模板】复选框被选项中。单击【开始】按钮。
2．插入可编辑的可选区域
插入可编辑的可选区域的步骤如下： 在模板中选中想要设置为可编辑的可选区域的文本或内容。 任选以下操作之一： 选择【插入】/【模板对象】/【可编辑的可选区域】菜
单命令。 在【常用】工具栏的中，单击【模板】按钮右侧的箭头，
从弹出的菜单中选择【可编辑的可选区域】按钮。 弹出的【新建可选区域】对话框，在【名称】文本框中
制的模版部分，通常用于表格，当然也可以为其他页 面元素设置重复区域。 重复区域是不可编辑区，如果要在重复区域中编辑不 同的内容，必须在重复区域中插入可编辑区域。 重复区域可以使用两种重复区域模板对象：重复区域 和重复表格。
1．在模板中插入重复区域
在模板中插入重复区域，步骤如下： 在“文档”窗口中执行下列操作之一： 选择想要设置为重复区域的文本或内容。 将插入点放入文档中想要插入重复区域的地方。 执行下列操作之一创建重复区域： 选择【插入】/【模板对象】/【重复区域】菜单命令。 单击右键，在弹出的快捷菜单中选择【模板】/【新建重复区域】。 在【常用】工具栏中，单击【模板】按钮右侧的箭头，从弹出的菜单
1．Dreamweaver的模板
模板的原理是由可编辑区域和不可编辑区域两部分组 成。不可编辑区域包含了在所有面面中共有的元素， 即构成页面的基本框架；而可编辑区域是为添加相应 的内容而设置的。Dreamweaver的模板的扩展名为 “.dwt”。创建模板后，Dreamweaver会自动在当前站 点的根目录中创建一个名为“Templates”的目录，然 后将该模板文件存储在该目录中。用户可以在将模板 应用于文档之后，再修改模板。当使用修改后的模板 更新文档时，文档只有不可编辑的部分才会随模板更 新，不会影响到其他内容。
置。 执行下列操作之一： 选择【插入】/【模板对象】/【重复表格】菜单命令。 在【常用】工具栏的中单击【模板】按钮右侧的箭头，从弹出的
菜单中选择【重复表格】按钮。 将弹出【插入重复表格【对话框。如图7-8所示。 按需要输入值。单击【确定】按钮，重复表格即出现在模板中。
7.2.4 定义可选区域
7.1 创建模板
模板的创建有两种方式：一种是从头创建一个 新的模板；另一种是将现有文档进行修改，然 后存储为模板文件。创建模板后， Dreamweaver会自动在当前站点的根目录中 创建一个名为“Templates”的目录，然后将该 模板文件存储在该目录中。
7.1 创建模板
7.1.1 新建模板文件 7.1.2 将现有的HTML文档转换成模板