Dreamweaver CS6网页设计立体化教程 第2版 第7章 模板、库、表单和行为的应用

的页”选项，在“站点”列表框中选择“qlqxsite”选项，并在右侧的列表框中选择“khjl”选项，
单击
按钮。此时将根据模板创建网页，当鼠标指针移动到网页中的非可编辑区域时将变
为禁用状态，表示不能对该内容进行编辑。
7.1.3 应用与管理模板
13
2. 更新模板内容
选择【修改】/【模板】/【更新页面】菜单命令。打开“更新页面”对话框，在“查看”下
7.5 项目实训 7.6 课后练习
7.2.1 认识“资源”面板
17
“资源”面板是库文件的载体。选择 【窗口】/【资源】菜单命令即可打 开“资源”面板，单击左侧的“库” 按钮，此时面板中显示的便是库文件 资源的相关内容。
7.2.2 创建库文件
18
1. 将已有元素创建为库文件
如果某些网页中已经包含了可以创建为库文件的元素，则可将其直接转换为库文件，并保 存在“资源”面板中，其方法为：选择需要创建为库文件的对象，选择【修改】/【库】/【增加 对象到库】菜单命令，在“资源”面板中修改创建的库文件名称即可。
拉列表框中选择“整个站点”选项，在右侧的下拉列表框中选择“qlqxsite”选项，单击选中“模
板” 复选框，然后依次单击
按钮和
按钮，此时“khjl.html”网页底部的标签信息将
自动更新。
7.1.3 应用与管理模板
14
3. 删除模板
打开“文件”面板，在其中展开“Templates”文件夹，在其中选择需要删除的模板文件，
始行”和“结束行”文本框中指定表格中的哪些行包含在重复区域中，在“区域名称”文本框
中输入重复表格名称，完成后单击
按钮即可。
7.1.2 编辑模板
10
6. 创建可选区域
在模板文件中选择需设置为可选区域的对象，然后选择【插入】/【模板对象】/【可选区
域】菜单命令，打开“新建可选区域”对话框。在“基本”选项卡的“名称”文本框中输入可
【插入】/【模板对象】/【可编辑区域】菜单命令，打开“新建可编辑区域”对话框，在“名
称”文本框中输入“嵌套表格”，单击
按钮。此时插入点所在的单元格将出现创建的
可编辑区域。
7.1.2 编辑模板
6
2. 更改可编辑区域名称
单击并选择“嵌套表格”可编辑区域的蓝色底纹标签，在“属性”面板的“名称”文本 框中将文本修改为“导航栏目”， 选择“嵌套表格”可编辑区域中的“嵌套表格”文本，修 改为“导航栏目”文本。
内容导航
7.1 课堂案例：制作“客户交流”网页
7.2 课堂案例：制作“产品介绍”网页 7.2.1 认识“资源”面板 7.2.2 创建库文件 7.2.3 应用库文件 7.2.4 编辑库文件 7.2.5 更新库文件 7.2.6 分离库文件
7.3 课堂案例：制作“会员注册”网页
7.4 课堂案例：制作“品牌展厅”网页
7.1.1 创建模板
3
1. 创建空白模板
执行【文件】/【新建】菜单命令，打
开“新建文档”对话框， 选择左侧的
“空模板”选项，在“模板类型”列
表 框 中 选 择 “ HTML 模 板 ” 选 项 ， 在
“布局”的列表框中选择“<无>”选项，
单击
按钮创建一个空白模板。
7.1.1 创建模板
4
2. 将网页另存为模板
7.1.2 编创建的可编辑区域默认显示蓝色底纹标签，如果不需要该可编辑区域，可选择可编辑区域 内的标签，然后选择【修改】/【模板】/【删除模板标签】菜单命令。
7.1.2 编辑模板
8
4. 创建重复区域
重复区域可以控制网页布局效果。选择模板中需设置为重复区域的对象，然后 执行 【插
高等教育立体化精品系列规划教材
第7章 模板、库、表单和行为的应用
Dreamweaver CS6 网页设计立体化教程（第 2 版）
内容导航
7.1 课堂案例：制作“客户交流”网页 7.1.1 创建模板 7.1.2 编辑模板 7.1.3 应用与管理模板
7.2 课堂案例：制作“产品介绍”网页 7.3 课堂案例：制作“会员注册”网页 7.4 课堂案例：制作“品牌展厅”网页 7.5 项目实训 7.6 课后练习
选区域的名称，单击“默认显示”选中复选框，使可选区域在默认状态下为显示状态。单击
“高级”选项卡，单击“使用参数”单选项，在右侧的下拉列表框中可选择已创建的模板参数
名称，完成后单击
按钮即可。
7.1.2 编辑模板
11
7. 创建可编辑的可选区域
可选区域是无法编辑的，要想对可选区域进行编辑，则可以创建可编辑的可选区域对象，其
打开“khjl.html”网页文件，选择【文件】/【另存为模板】菜单命令。打开“另存模板”
对话框，在“站点”下拉列表框中选择“qlqxsite”选项，在“另存为”文本框中输入“khjl”，
单击
按钮即可。
7.1.2 编辑模板
5
1. 创建可编辑区域
在“khjl.dwt”网页文件定位将插入点到“产品交流”文本下方的空白单元格中，选择
然后按【Delete】键删除即可。如果站点中包含了通过该模板创建的一个或多个网页，则删除
模板时Dreamweaver会打开提示对话框，单击
按钮表示确认模板的删除。
7.1.3 应用与管理模板
15
4. 脱离模板
脱离模板可以使基于该模板创建的网页中的所有区域都能编辑，从而使得网页设计更加方 便和自主。脱离模板的方法为：打开基于模板创建的网页，然后选择【修改】/【模板】/【从模 板中分离】菜单命令即可将网页脱离模板，此时将鼠标指针移到网页中的任意位置都不会出现 禁用状态，表示可以对这些对象进行编辑。
入】/【模板对象】/【重复区域】菜单命令，打开“新建重复区域”对话框。在“名称”文本框
中输入重复区域的名称，单击 按钮，在模板中创建重复区域，单击
按钮即可。
7.1.2 编辑模板
9
5. 创建重复表格
将插入点定位到需创建重复表格的位置，选择【插入】/【模板对象】/【重复表格】菜单
命令，打开“插入重复表格”对话框。设置表格行列数、边距、间距、宽度和边框等，在“起
方法为：在模板文件中设置模板参数，将插入点定位到需创建可编辑可选区域的位置，然后选择
【插入】/【模板对象】/【可编辑的可选区域】菜单命令，打开“新建可选区域”对话框，按照
设置可选区域的方法进行设置，完成后单击
按钮即可。
7.1.3 应用与管理模板
12
1. 基于模板新建网页
选择【文件】/【新建】菜单命令，打开“新建文档”对话框，在对话框左侧选择“模板中