13创建模板教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

《13创建模板教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt》由会员分享，可在线阅读，更多相关《13创建模板教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、13创建模板教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）创建模板静态网站制作教学资源课件静态网站制作教学资源课件，网站中页面的风格要保持基本一致，尤其一个栏目的网页更有极大的相似性，如右图是“神威概况”栏目中的另一个页面，可以看出和第二章介绍的“关于神威”企业简介页面有相同的页头、页脚、左侧的栏目内二级导航、相同的页面布局，只有页面中文章正文不同，借助Dreamweaver 的模板功能可以快速生成相似网页的相同部分。模板的功能就是把网页布局和内容分离，在布局设计好之后将其存储为模板，这样新网页中相同的部分可以通过模板创建。使用模板的另一优点是：修改模板后，可以一次更

2、新多个用该模板生成的页面。创建模板创建模板 可以使用现有的HTML文档创建模板，也可以使用空白的HTML文档从头开始创建模板。在模板文件中，有可编辑区域和锁定区域两部分。在用模板创建网页文档时，模板使用者只能在可编辑区域中进行更改，无法修改锁定区域。在模板文件中可编辑区域和锁定区域都可以编辑，保存模板文件时，系统会提示是否同时更新用模板生成的网页。模板区域的类型模板区域的类型“可编辑区域”：是基于模板的文档中的未锁定区域；它是模板用户可以编辑的部分。模板中应至少包含一个可编辑区域；否则，将无法用模板生成相同风格的新网页。“重复区域”是文档中设置为重复的布局部分。例如，可以设置重复一个表格中的行

3、。通常重复部分是可编辑的，这样模板用户可以根据需要使用重复区域控制选项添加或删除重复区域的副本，同时又只能处于模板创作者的控制之下。模板区域的类型模板区域的类型“可选区域”：是指在模板中被指定为可选的部分，用于保存有可能在基于模板的文档中出现的内容（如可选文本或图像）。即在创建基于模板的页面时，由模板用户来控制是否显示的内容。“可编辑标签属性”：是指可以在模板中解锁标签属性，以便该属性可以在基于模板的页面中编辑。例如，可以“锁定”在文档中出现的图像，但让模板用户可以灵活设置对齐属性：左对齐、右对齐或居中对齐。定义可编辑区域定义可编辑区域1、在“文档”窗口中，选择要设置为可编辑部分的区域，单击“

4、插入”菜单中的“模板对象”、“可编辑区域”命令，打开“新建可编辑区域”对话框。2、单击确定将该区域定义为每个用该模板生成的网页可以增加新内容的可编辑区域。创建新的模板文件1、单击“文件”菜单中的“新建”命令，打开“新建文档”对话框，如图3.68所示，选择“空模板”选项，在对模板类型框中选择“HTML模板”，单击“创建”按钮，可以创建新的空白模板。2、在页面设计视图下插入网页框架、导航条、Flash标题等所有页面共有的元素，如图所示。3、将插入点移到每个页面内容不同的位置，如上图的标识处，单击“插入”菜单“模板对象”、“可编辑区域”，打开如“新建可编辑区域”对话框，单击确定，将该区域定义为可编辑

5、区域。4、打开“另存模板”对话框，如图所示，在“另存为”域中为该模板输入名称：moban，单击“保存”按钮。系统将在站点根文件夹中自动生成“Templates”文件夹，并将“.dwt”文件类型的模板文件保存在此文件夹中。创建模板的最简单方法是先创建一个网页，然后将其保存为模板。实例：实例：将现有文档（wsjj.html）保存为模板。1、先打开已创建的网页文档。删除当前网页中特有的内容，单击“文件”菜单中的“另存为模板”命令，在“另存为”域中为该模板输入名称moban1，单击“保存”按钮，并同时按图所示，完成网页中链接的更新。2、在模板文档中指定可编辑区域。练习练习:下面关于模板文件和库文件的扩展名正确的是（）。A、dwt是库文件的扩展名，.lib是模板文件的扩展名B、dll是库文件的扩展名，.tmp是模板文件的扩展名C、dwt是模板文件的扩展名，.lib是库文件的扩展名D、lib是库文件的扩展名，.tmp是模板文件的扩展名答案答案:C