网页设计之第7讲_模_版

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

1、第八讲模版8.1创建模板8.2创建模板可编辑区域8.3创建模板重复区域8.4创建模板中可选区域8.5嵌套模板8.8模板的应用2021/7/228.1创建模板8.1.1使用已有页面创建模板8.1.2使用菜单命令创建模板8.1.3使用模板子面板创建模板2021/7/228.1.1使用已有页面创建模板应用已有的页面可以将其另存为模板，这是最常用的创建模板的方法，具体的步骤如下：（1）打开一个已完成的网页；（2）删除页面中与其他页面有变化的区域，留下相同的区域；（3）选择菜单命令【文件】另存为模板】，弹出【另存为模板】对话框；（4）单击【保存】按钮，在站点

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

3、，此处命名为new.dwt。2021/7/228.2创建模板可编辑区域创建模版后，就要划分模版中的可编辑区域，具体步骤如下：（1）在文件列表中双击刚才建立的模版index.dwt；（2）选中文档中的可编辑区域；（3）选择菜单命令【插入》模版对象》可编辑区域】，弹出【新建可编辑区域】对话框；（4）在【名称】文本框中输入可编辑区域的名称；（5）单击【确定】按钮，在当前模版中创建名为“EditRegion3”的可编辑区域；（6）用同样的方法，将模版index.dwt最右侧表格内的单元格也创建为可编辑区域；2021/7/228.2创建模板可编辑区域（7）保

4、存模版，关闭当前页面；（8）选择菜单命令【文件》新建》从模版中新建】，选择刚才创建模版中的站点，选中刚创建的模版名称；（9）单击【创建】按钮，则有刚才创建的模版创建了一个新的页面；（10）选中【可编辑单元】中的第一个表格，将其删除，只留下【最新动态】这个表格；（11）选中【右侧可编辑区域】中的所有内容，将其删除，输入新的内容，并进行修饰；（12）保存刚建立的页面，命名为index.htm；（13）切换至代码视图，查看代码，发现代码中不可编辑的代码均为灰色，即使将光标移至灰色代码中，也不能进行修改、删除等操作。2021/7/228.3创建模板重复区域

5、8.3.1创建重复区域8.3.2创建重复表格2021/7/228.3.1创建重复区域（1）打开上节创建好的模版index.dwt，另存为table.dwt。（2）选中【右侧可编辑区域】，将其删除，在此处建立模版重复区域。（3）在刚删除的单元格中，建立表格。（4）让该表格中的第1行，第3行，第5行、第7行都是重复的，那么如果网站中有许多这样的页面，在更新当前行的内容时就得必须对每一个页面进行操作，此时用模版的重复区域就可以轻松解决问题。（5）选中重复的行，然后选择菜单命令【插入》模板对象》重复区域】。（8）在文本框中输入“重复区域1”，单击【确定】按

6、钮，则在模板中创建了重复区域。2021/7/228.3.2创建重复表格（1）插入一个1行1列的表格。（2）选择菜单命令【插入》模板对象》重复表格】，弹出【插入重复表格】对话框，在对话框中设置各参数属性。（3）单击【确定】按钮，在文档中成功插入一个重复表格。（4）选择菜单【文件】保存】，弹出【另存为模板】的对话框，设置模板的名称和描述，即可保存新建的模板。2021/7/228.4创建模板中可选区域使用模板创建的可选区域有2种类型：（1）可选区域：用户可以自己设定是否显示标注的区域，在这个区域内，用户无法编辑该区域的内容。（2）可编辑的可选区域：用户可

7、以自己设定是否显示标注的区域，在这个区域内，用户可以编辑该区域的内容。2021/7/228.4.1创建可选区域（1）打开要创建可选区域的文件，选择要设置为可选区域的元素。（2）选择菜单命令【插入》模板对象》可选区域】，或者在工具栏中选择【模板】类别，单击【可选区域】按钮。（3）弹出【新建可选区域】对话框，设置名称为“可选区域”。（4）单击【高级】选项卡，进入新建可选区域的高级选项，设置该可选区域是否可见。（5）单击【确定】按钮，在文档中创建一个可选区域。（8）回到文档视图，选中可选区域，在【属性】面板中单击“编辑”按钮，可以修改可选区域的名称以及条

8、件。（7）单击【保存】按钮，该文档将会自动保存为模板。2021/7/228.4.2创建可编辑的可选区域（1）将光标定位在要