第7章框架网页和模板网页.pptVIP

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