创建模板

用户可以通过使用模板来创建具有统一的结构和外观的文档。当用户确定在站点内的所有的网页都要共享某些特征的时候，模板尤其显得重要。

一旦用户将单个的模板应用于一组网页的时候，就可以通过编辑模板来编辑整组网页上的资料，然后再将修改应用于整组网页。同时每个网页的独有的元素(如描述销售项目的文本)则仍保持不变，只是共同拥有的模板元素(如导航条)则得到更新。

Scaal 的产品网页同一些其它的介绍 Scaal 公司可供销售的产品网页相链接。用户将学习用现有的产品网页制作一个模板。模板的使用将确保你所制作的产品网页具有同样的布局和格式。

在这一章节中，你要使用现有的产品网页制作一个模板，然后用这个模板制作新的产品网页。

 
查看产品网页

先在浏览器中查看 Scaal 光碟产品网页。

1	在站点窗的 Local Folder 列表上，找到 product_cd.html 文件图标，双击图标，打开文件。
2	按 F12，在浏览器窗预览网页。
3	看完后关闭浏览器。
4	关闭 products_cd.html 文件。

 
创建模板

你要通过 Scaal 光碟产品网页来制作模板。然后你还要用这个模板制作其它的产品网页。

1	在站点窗的 Local Folder 列表上，双击 DW3_products_cd.html 文件图标，将其打开。
2	选择 File > Save as Template。
	调出 Save As Template 对话框。
	现有的模板，product_page，时转为 Scaal 站点全部的产品网页制作的模板，你现在就要自己亲自制作这个模板。
3	在 Save As 填框内，修改模板名字：填上 my_product_page，然后点击 Save。
	文档窗这时会出现一个新的文档。注意模板标识符和文件后缀 .dwt。

 
修改模板

这时，你新制作的模板同你用来制作模板的样板网页是一样的。某些区域对于所有的产品网页都是一样的：产品的相片，产品名字，产品介绍，产品价格。下边开始学习如何在模板中定义这些区域。

每个模板都同样包含锁定区域和可编辑区域。锁定区域只能在模板内进行编辑；锁定区域在应用模板的网页中是加亮显示的。可编辑区域是以占位符显示，用以放置应用模板的网页中独有的内容的。

1	在文档窗的 my_product_page.dwt 模板中，选取并删除光碟图像；然后在表格单元中填上 Insert image here 。
2	选取刚刚输入的文本。
3	选择 Modify > Templates > New Editable Region。
	调出 New Editable Region 对话框。
4	在 Name 框内，填上 Image 作为模板这块区域的名字。
5	点击 OK。
	注意文本这时是加亮的，表示这是模板的可编辑区域。
6	选取文档窗中的 "Scaal Sound," ，然后选择 Modify > Templates > New Editable Region，将其指定为模板可编辑区域。
7	在 New Editable Region 对话框的 Name 框内，填上 Name ，点击 OK。
	在文档窗中你所命名过的区域是加亮显示，而且是能够识别的。
8	选取文档窗中的产品介绍文本，然后选择 Modify > Templates > New Editable Region，将其指定为模板的可编辑区域。
9	在 New Editable Region 对话框的 Name 框内，填上 Description，点击 OK。
	在文档窗中，你刚命名过的区域是加亮显示，是可以识别的。
10	选择 File > Save，保存模板。
	这时会出现 Update Pages 对话框，询问你是否要更新本地站点的所有文档。如果选取 Yes，则会将 Scaal 站点的所有的网页进行更新。你用不着这样做。
11	点击 No，然后点击 Close，关闭 Update Pages 对话框。
12	关闭模板。

 
应用模板

接下来你要用模板创建新的产品网页了。

1	选择 File > New from Template。
	调出 Select Template 对话框。
2	在 Templates 列表上，选取 my_product_page 作为要应用的模板，然后点击 Select。
	这时会出现一个新的无标题文档。
	文档中较暗的区域是可编辑区域；所有其它区域都是被锁定的，是不可编辑的。
3	保存文档，将文件命名为 my_products_mug.html。

 
编辑文档

利用设定的可编辑区域，网页更新变得十分的容易。你要用图像替换占位符文本，添加文本，创建 Scaal 公司的 Commuter Mug 产品网页。

1	将插入点放到图像区域。
2	选择 Insert > Image，在随后出现的对话框中选取 mug.jpg，然后点击 Select (Windows) 或 Choose (Macintosh) 选取该图像。
3	删除图像占位符文本 "Insert image here"。
4	在文档窗的 Name 区域，填上产品名字，如 Commuter Mug，删除占位符。
5	在文档窗的 Description 区域，填上产品介绍，删除占位符。
6	保存文档。
7	关闭文档。

在本指南下边的章节里，你要学习将上述产品网页链向 Scaal 公司的主产品网页上。所有链接网页都是使用同样的模板制作的。