网页设计与制作邬锦霞电子教案 第6章 模 版.pptVIP

第六章 模 版 6.1创建模板 6.2创建模板可编辑区域 6.3创建模板重复区域 6.4创建模板中可选区域 6.5嵌套模板 6.6模板的应用 6.1创建模板 6.1.1 使用已有页面创建模板 6.1.2 使用菜单命令创建模板 6.1.3 使用模板子面板创建模板 6.1.1 使用已有页面创建模板 应用已有的页面可以将其另存为模板，这是最常用的创建模板的方法，具体的步骤如下： （1）打开一个已完成的网页； （2）删除页面中与其他页面有变化的区域，留下相同的区域； （3）选择菜单命令【文件】另存为模板】，弹出【另存为模板】对话框； （4）单击【保存】按钮，在站点文件下会自动产生一个新的文件夹templates，模板index.dwt保存在该文件夹下。 6.1.2 使用菜单命令创建模板 6.1.3 使用模板子面板创建模板 （1）使用快捷键F11，或者选择菜单命令【窗口》资源】，打开【资源】面板； （2）单击左侧的【模板】按钮，在下方的空白处右击，在弹出的菜单中选择【新建模板】选项，可以创建一个新模板； （3）给创建的模版重命名以便于记忆，此处命名为new.dwt。 6.2创建模板可编辑区域 创建模版后，就要划分模版中的可编辑区域，具体步骤如下： （1）在文件列表中双击刚才建立的模版index.dwt； （2）选中文档中的可编辑区域； （3）选择菜单命令【插入》模版对象》可编辑区域】，弹出【新建可编辑区域】对话框； （4）在【名称】文本框中输入可编辑区域的名称； （5）单击【确定】按钮，在当前模版中创建名为“EditRegion3”的可编辑区域； （6）同上图，可编辑区域由虚线包围，并显示可编辑区域的名称； （7）选中可编辑区域，切换至代码视图，可以看到可编辑区域的起始标记代码 ； （8）用同样的方法，将模版index.dwt最右侧表格内的单元格也创建为可编辑区域 ； 6.2创建模板可编辑区域 （9）保存模版，关闭当前页面； （10）选择菜单命令【文件》新建》从模版中新建】，选择刚才创建模版中的站点，选中刚创建的模版名称； （11）单击【创建】按钮，则有刚才创建的模版创建了一个新的页面； （12）选中【可编辑单元】中的第一个表格，将其删除，只留下【最新动态】这个表格； （13）选中【右侧可编辑区域】中的所有内容，将其删除，输入新的内容，并进行修饰； （14）保存刚建立的页面，命名为index.htm； （15）切换至代码视图，查看代码，发现代码中不可编辑的代码均为灰色，即使将光标移至灰色代码中，也不能进行修改、删除等操作。 6.3创建模板重复区域 6.3.1 创建重复区域 6.3.2 创建重复表格 6.3.1 创建重复区域 （1）打开上节创建好的模版index.dwt，另存为table.dwt。 （2）选中【右侧可编辑区域】，将其删除，在此处建立模版重复区域。 （3）在刚删除的单元格中，建立如图6-13所示的内容。 （4）从图6-13可以看到该表格中的第1行，第3行，第5行、第7行都是重复的，如果网站中有许多这样的页面，在更新当前行的内容时就得必须对每一个页面进行操作，此时用模版的重复区域就可以轻松解决问题。 （5）选中重复的行，然后选择菜单命令【插入》模板对象》重复区域】，弹出如图6-14所示的对话框。 （6）在文本框中输入“重复区域1”，单击【确定】按钮，则在模板中创建了重复区域，如图6-15所示。 6.3.2 创建重复表格 （1）插入一个1行1列的表格。 （2）选择菜单命令【插入》模板对象》重复表格】，弹出【插入重复表格】对话框，在对话框中设置各参数属性，如图6-16所示。 （3）单击【确定】按钮，在文档中成功插入一个重复表格，效果如图6-17所示。 （4）选择菜单【文件】保存】，弹出【另存为模板】的对话框，设置模板的名称和描述，即可保存新建的模板。 6.4创建模板中可选区域 使用模板创建的可选区域有2种类型： （1）可选区域：用户可以自己设定是否显示标注的区域，在这个区域内，用户无法编辑该区域的内容。 （2）可编辑的可选区域：用户可以自己设定是否显示标注的区域，在这个区域内，用户可以编辑该区域的内容。 6.4.1 创建可选区域 6.4.2创建可编辑的可选区域 6.4.1 创建可选区域 （1）打开要创建可选区域的文件，选择要设置为可选区域的元素。 （2）选择菜单命令【插入》模板对象》可选区域】，或者在工具栏中选择【模板】类别，单击【可选区域】按钮，如图6-18所示。 （3）弹出【新建可选区域】对话框，设置名称为“可选区域”，如图6-19所示。 （4）单击【高级】选项卡，进入新建可选区域的高级选项，设置该可选区域是否可见，如图6-20所示。 （5）单击【确定】按钮，在文档中创建一个可选区域，