第10讲模板-上海财经大学.pptVIP

《Web应用开发》 上海财经大学信息管理与工程学院 第十讲：模板 电子商务网站开发 第*页 本讲主要内容 模板简介 创建模板 运用模板 修改模板 第*页 10.1 模板简介 模板是一种用于生成一组具有共同格式和固有特征的文档基础。 当用户想编写一组具有相似布局和特征的页面时，就可以先制作一个模板，再利用该模板生成一些新文档，然后在这些新文档的基础上入手制作页面。 模板上的区域分为可编辑区域和锁定区域两种。那些在利用模板生成的新文档中可以被编辑的区域称为可编辑区域，而那些不允许编辑的区域称为锁定区域。 第*页 优点 快速地生成一组具有共同格式和固有特征的文档； 若要更新利用模板生成的一组页面的格式或内容，如页面共有部分的内容，只要更新模板，Dreamweaver CS6会自动更新这组页面的格式或内容。 第*页 两个网页大部分是 相同的，其不同只处 仅在于红框框住的 部分。 第*页 三种基本操作 创建模板 运用模板 修改模板 第*页 10.2 创建模板 “文件?新建”命令?“新建文档”对话框?在“基本页”列表中，选择“HTML模板”，?“创建”按钮，创建一个新的 HTML 模板文档。 第*页 编辑模板的两个步骤 用编辑普通网页相同的方法为模板加入网页元素（文字、图像、表格、层等等） 为模板定义可编辑区域 模板保存的位置固定在站点的Templates 子目录下，可通过站点面板查看 第*页 可编辑区域 设置可编辑区域： 将表格选中。 选择菜单“插入?模板对象?可编辑区域”命令或“插入”面板?“模板”?“可编辑区域”按钮 删除可编辑区域： 选中该区域， 选择菜单“修改?模板?删除模板标记”命令 第*页 10.3 运用模板 “文件?新建”命令 选择“模板”选项卡中的“mytemplate1”模板，单击“确定”按钮。 第*页 出现一个新的文档窗口，其中只有前面在模板中设置的可编辑区域是可以编辑的，其他区域的内容都不可修改。 在可编辑区域处输入相应的网页元素（文字、表格、图片等），并利用“属性”面板进行相应的格式设置。 第*页 10.4 修改模板 使用模板不仅可以高效地建立具有相同布局的一组页面，还可以很方便地维护这些网页。如果一组页面使用了同一个模板，该模板被修改后，所有运用了该模板的页面的布局也会随着一起修改。 当用户需要在这组页面的所有页面中增加一些相同的网页元素（如图像、导航栏、超级链接等）或者修改某些网页元素的格式，只要根据需要修改模板就可以了。 第*页 在站点面板的Templates目录下找到相应的模板名称，双击左键可以打开模板进行编辑。 模板修改后保存时，会提示是否更新链接到此模板的网页，通常情况下选择更新。 《Web应用开发》