HTML网页设计 教学课件 作者 翁高飞、王鹏chapter7.ppt

《HTML网页设计 教学课件 作者 翁高飞、王鹏chapter7.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、模板和框架LearningHTML&CSS第七章（模板）学习目标掌握模板的创建应用与编辑掌通过DW工具来创建模板步骤模板应用(Template)对模板创建后,必须在相关页面使用该模板。以后再开发相同的项目时候只需要复用该模板，减少了工作时间。对模板的应用主要有两种方式:1.直接从模板新建页面如果已经在Tempates文件夹下有.dwt文件，则可以通过该模板创建新的页面，步骤如下:第一步:在文件

2、新建命令下在新建文档对话框中点击"模板"按钮，在模板选项卡中显示所有站点.第二步:在"模板用于"这一栏中选择要应用模板站点.然后在“我的站点”这一栏中选择要应用于页面模板

3、。第三步:点击“创建”按钮，即可成功的通过选中的模板创建一个页面。然后保存页面就可以完成模板添加到指定的网站文件中。站点管理（模板）模板应用(2)2.将模板应用于打开的页面创建的步骤如下:(1)打开要应用模板的页面。(2)选择"修改"

4、"模板"

5、"应用模板到页"命令，将会出现"选择模板"对话框.(3)在"选择模板"对话框中选择要应用于页面的模板，点击"选定"按钮即可将模板应用于页面.(4)选择"文件"

6、"保存"命令将该页面保存.模板编辑模板创建好后可能不能进行编辑和修改，删除添加操作。只有对模板进行设置可编辑区域命令才能对相应的模板完成编辑.1.模板添加(1)首

7、先,在模板页中选择要设置为可编辑的区域.(2)选择"插入"

8、"模板对象"

9、"可编辑区域"命令,将出现"新建可编辑区域"对话框.输入名称并且点击确定按钮。(3)设置后可以在区域将高亮显示在一个矩形内，该区域的名称在对应的可编辑区域的顶部的矩形标签中.(4)设定好编辑区域之后需要运行"文件"

10、"保存"命令保存所做的修改。点击"更新"按钮，那么在应用模板的页面中该区域才可以编辑.模板编辑(2)2.模板删除(1).选中要锁定的可编辑区域.即单击该可编辑区域名称.(2)选择"修改"

11、"模板"

12、"删除模板标记"命令,将出现"新建可编辑区域"对话框.输入名称并且点击确定按钮。

13、(3)然后选择"文件"

14、"保存"命令保存所做的修改.(4)设定好编辑区域之后需要运行"文件"

15、"保存"命令保存所做的修改。总结（1）掌握创建模板的步骤掌握模板在网页中的使用掌握模板中的两个区域：可编辑区域和不可编辑区域（框架）学习目标掌握框架的应用与编辑掌通过DW工具来创建框架步骤框架框架的边框导航栏左侧框架(left.htm)详细内容页面右侧框架(main.htm)广告栏顶部框架(top.htm)框架集页面(FrameSet.htm)框架用于在什么场合13演示代码页面的一个固定部分显示徽标或静态信息在另一个固定部分显示导航部分详细内容在此处显示详细内容，页面中

16、此部分是变化的。框架的基本结构14……框架页面的基本语法边框尺寸大小将窗口分割成左中右3个部分,可选将窗口分割成上下2个部分,可选第一个窗口要显示的网页框架的基本结构15

17、tml">将窗口分割成上中下3部分窗口边框的宽度如果要在浏览器中创建左中右三个窗口,该如何实现？每个窗口对应一个页面，以及一个框架集页面，总共需要几个HTML页面文件？如何创建多个页面框架......

18、"noresize="noresize">设置无框架边框不显示滚动条禁止调整框架大小框架名称，便于超文本链接锚标签target属性所引用如何设置窗口链接的显示位置target目标窗口属性name＝“显示的窗口名”

19、>