电子商务网站开发 第十讲：模板 上海财经大学信息管理与工程学院.

Presentation on theme: "电子商务网站开发 第十讲：模板 上海财经大学信息管理与工程学院."— Presentation transcript:

1 电子商务网站开发 第十讲：模板 上海财经大学信息管理与工程学院

2 本讲主要内容 模板简介 创建模板 运用模板 修改模板

3 10.1 模板简介 模板是一种用于生成一组具有共同格式和固有特征的文档基础。
当用户想编写一组具有相似布局和特征的页面时，就可以先制作一个模板，再利用该模板生成一些新文档，然后在这些新文档的基础上入手制作页面。 模板上的区域分为可编辑区域和锁定区域两种。那些在利用模板生成的新文档中可以被编辑的区域称为可编辑区域，而那些不允许编辑的区域称为锁定区域。

4 优点 快速地生成一组具有共同格式和固有特征的文档；
若要更新利用模板生成的一组页面的格式或内容，如页面共有部分的内容，只要更新模板，Dreamweaver CS6会自动更新这组页面的格式或内容。

5 两个网页大部分是 相同的，其不同只处 仅在于红框框住的 部分。

6 三种基本操作 创建模板 运用模板 修改模板

7 10.2 创建模板 “文件新建”命令“新建文档”对话框在“基本页”列表中，选择“HTML模板”，“创建”按钮，创建一个新的 HTML 模板文档。

8 编辑模板的两个步骤 用编辑普通网页相同的方法为模板加入网页元素（文字、图像、表格、层等等） 为模板定义可编辑区域 模板保存的位置固定在站点的Templates 子目录下，可通过站点面板查看

9 可编辑区域 设置可编辑区域： 删除可编辑区域： 将表格选中。
选择菜单“插入模板对象可编辑区域”命令或“插入”面板“模板”“可编辑区域”按钮 删除可编辑区域： 选中该区域， 选择菜单“修改模板删除模板标记”命令

10 10.3 运用模板 “文件新建”命令 选择“模板”选项卡中的“mytemplate1”模板，单击“确定”按钮。

11 出现一个新的文档窗口，其中只有前面在模板中设置的可编辑区域是可以编辑的，其他区域的内容都不可修改。
在可编辑区域处输入相应的网页元素（文字、表格、图片等），并利用“属性”面板进行相应的格式设置。

12 10.4 修改模板 使用模板不仅可以高效地建立具有相同布局的一组页面，还可以很方便地维护这些网页。如果一组页面使用了同一个模板，该模板被修改后，所有运用了该模板的页面的布局也会随着一起修改。 当用户需要在这组页面的所有页面中增加一些相同的网页元素（如图像、导航栏、超级链接等）或者修改某些网页元素的格式，只要根据需要修改模板就可以了。

13 在站点面板的Templates目录下找到相应的模板名称，双击左键可以打开模板进行编辑。
模板修改后保存时，会提示是否更新链接到此模板的网页，通常情况下选择更新。