网页设计与制作 第6章 模 版

《网页设计与制作 第6章 模 版》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第六章模版6.1创建模板6.2创建模板可编辑区域6.3创建模板重复区域6.4创建模板中可选区域6.5嵌套模板6.6模板的应用2021/8/236.1创建模板6.1.1使用已有页面创建模板6.1.2使用菜单命令创建模板6.1.3使用模板子面板创建模板2021/8/236.1.1使用已有页面创建模板应用已有的页面可以将其另存为模板，这是最常用的创建模板的方法，具体的步骤如下：（1）打开一个已完成的网页；（2）删除页面中与其他页面有变化的区域，留下相同的区域；（3）选择菜单命令【文件】另存为模板】，弹出【另存为模板】对话框；（4）单击【保存】按钮

2、，在站点文件下会自动产生一个新的文件夹templates，模板index.dwt保存在该文件夹下。2021/8/236.1.2使用菜单命令创建模板选择菜单命令【文件》新建】，在【类别】列表框中选择【模板页】，在右侧的【模板页】列表框中选择相应的模板类型，单击【创建】按钮，即可创建一个新的空白模板。2021/8/236.1.3使用模板子面板创建模板（1）使用快捷键F11，或者选择菜单命令【窗口》资源】，打开【资源】面板；（2）单击左侧的【模板】按钮，在下方的空白处右击，在弹出的菜单中选择【新建模板】选项，可以创建一个新模板；（3）给创建的模版

3、重命名以便于记忆，此处命名为new.dwt。2021/8/236.2创建模板可编辑区域创建模版后，就要划分模版中的可编辑区域，具体步骤如下：（1）在文件列表中双击刚才建立的模版index.dwt；（2）选中文档中的可编辑区域；（3）选择菜单命令【插入》模版对象》可编辑区域】，弹出【新建可编辑区域】对话框；（4）在【名称】文本框中输入可编辑区域的名称；（5）单击【确定】按钮，在当前模版中创建名为“EditRegion3”的可编辑区域；（6）同上图，可编辑区域由虚线包围，并显示可编辑区域的名称；（7）选中可编辑区域，切换至代码视图，可以看到可编

4、辑区域的起始标记代码；（8）用同样的方法，将模版index.dwt最右侧表格内的单元格也创建为可编辑区域；2021/8/236.2创建模板可编辑区域（9）保存模版，关闭当前页面；（10）选择菜单命令【文件》新建》从模版中新建】，选择刚才创建模版中的站点，选中刚创建的模版名称；（11）单击【创建】按钮，则有刚才创建的模版创建了一个新的页面；（12）选中【可编辑单元】中的第一个表格，将其删除，只留下【最新动态】这个表格；（13）选中【右侧可编辑区域】中的所有内容，将其删除，输入新的内容，并进行修饰；（14）保存刚建立的页面，命名为index.h

5、tm；（15）切换至代码视图，查看代码，发现代码中不可编辑的代码均为灰色，即使将光标移至灰色代码中，也不能进行修改、删除等操作。2021/8/236.3创建模板重复区域6.3.1创建重复区域6.3.2创建重复表格2021/8/236.3.1创建重复区域（1）打开上节创建好的模版index.dwt，另存为table.dwt。（2）选中【右侧可编辑区域】，将其删除，在此处建立模版重复区域。（3）在刚删除的单元格中，建立如图6-13所示的内容。（4）从图6-13可以看到该表格中的第1行，第3行，第5行、第7行都是重复的，如果网站中有许多这样的页面

6、，在更新当前行的内容时就得必须对每一个页面进行操作，此时用模版的重复区域就可以轻松解决问题。（5）选中重复的行，然后选择菜单命令【插入》模板对象》重复区域】，弹出如图6-14所示的对话框。（6）在文本框中输入“重复区域1”，单击【确定】按钮，则在模板中创建了重复区域，如图6-15所示。2021/8/236.3.2创建重复表格（1）插入一个1行1列的表格。（2）选择菜单命令【插入》模板对象》重复表格】，弹出【插入重复表格】对话框，在对话框中设置各参数属性，如图6-16所示。（3）单击【确定】按钮，在文档中成功插入一个重复表格，效果如图6-17

7、所示。（4）选择菜单【文件】保存】，弹出【另存为模板】的对话框，设置模板的名称和描述，即可保存新建的模板。2021/8/236.4创建模板中可选区域使用模板创建的可选区域有2种类型：（1）可选区域：用户可以自己设定是否显示标注的区域，在这个区域内，用户无法编辑该区域的内容。（2）可编辑的可选区域：用户可以自己设定是否显示标注的区域，在这个区域内，用户可以编辑该区域的内容。6.4.1创建可选区域6.4.2创建可编辑的可选区域2021/8/236.4.1创建可选区域（1）打开要创建可选区域的文件，选择要设置为可选区域的元素。（2）选择菜单命令【

8、插入》模板对象》可选区域】，或者在工具栏中选择【模板】类别，单击【可选区域】按钮，如图6-18所示。（3）弹出【新建可选区域】对话框，设置名称为“可选区域”，如图6-19所示。（