文档介绍：第7章框架网页和模板网页
本章要点内容:
框架与框架集的概念。
框架与框架集的创建、保存、编辑与应用。
模板文件的创建与应用。
通过库项目可以存储各种各样的网页元素。
本章学****目标
了解框架和模板在网页页面排版中的重要作用。
能够对框架和模板进行基本操作并结合实例掌握基本排版技巧。
掌握框架的预定义框架和自定义框架的使用方法。
熟悉模板的不同功能区域以及库的使用。
本章学前要求
对基本网页结构有所了解,已经学会了表格的运用。
框架与框架集基础
框架网页的概述
在某些网页内容中,比如:小说、杂志、产品介绍等,它们都有一个相同的特点,即标题不变,目录格式相同,但对应目录的内容是不一样的。若每次打开一个内容都要打开一个完整的网页,那么重复的内容会使显示速度受到影响。为此,我们采用框架来进行这方面的设计和制作。将浏览器窗口分成几个大小不同的区域,在各个区域中可以显示不同的内容。。
在网页中使用框架
框架是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。
框架集是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息,用户访问的时候浏览器首先也是按照该框架集文件的组织规则显示各框架中页面的内容,而框架集文件本身不包含要在浏览器中显示的HTML内容,但noframes部分除外,因为有的浏览器可能不支持框架。
提示:
下面的代码是一个简单的框架网页的代码。
<frameset cols="396,396">
<frame name=leftframe src="">
<frame name=mainframe src="">
</frameset>
<noframes>
<body>
您的浏览器不支持框架。
</body></noframes>
</html>
这是一个最简单的左右框架集,<frameset></frameset>中间是框架集部分内容,cols的值表示左右两个框架各多少像素宽,<frame>中的name属性是框架集的名称,src的值是该框架中显示的初始页面的路径,<nofreames></nofreames>之间是没有框架的部分,用来在不支持框架的浏览器上显示提示内容。
框架是一种非常实用的技术,它可以将浏览器窗口分成几个部分,每个部分各自包含独立的页面文件,当替换或修改某个页面时不会影响其他页面,“天涯社区”、“TOM邮箱”就是典型的框架网页应用。
框架网页实例1
框架网页实例2
创建和保存框架文件
创建框架,实际上就是创建一个包含几个框架的框架集,可以通过两种方式来实现:一种方法是新建文件时创建框架集,另外一种是在一个已创建的网页文件中拆分出框架。下面分别介绍这两种操作方法。
1. 新建一个框架集
对于一开始就准备创建一个使用框架的网页文件来说,用“新建一个框架集”的方法最为简便。新建框架集的操作步骤如下。
步骤1:选择“文件”菜单中的“新建”命令,打开“新建文档”对话框,在“常规”选项卡中的“类别”列表框中选择“框架集”,。在“框架集”列表中列出了多种可供选择的框架集样式,选中任何一个即可在“预览”窗口中看到效果。
“新建文档”对话框
步骤2:选择一个框架集样式,单击“创建”按钮,创建一个“上方固定,左侧嵌套”样式框架的网页,。
创建了一个新的框架集