第8章 框架网页.pptVIP

* 第8章 框架网页 在网页设计中，框架是组织复杂页面的一种重要方法。框架可以将浏览器显示窗口分割成几个不同的小窗口，每个窗口可以独立显示不同的网页，而且在替换窗口中的网页文件时，各个窗口之间没有影响。 本章介绍框架网页的应用，主要内容有： 制作一个简单框架网页 创建框架和框架集 设置框架集属性 嵌套框架 框架集中的超链接 制作一个框架网页 8.1 制作一个简单框架网页 要制作框架网页，就要建立框架集。框架集是组织页面内容的常见方法，通过框架集可以将网页的内容组织到相互独立的HTML页面内，相对固定的内容（比如导航栏、标题栏）和经常变动的内容分别以不同的文件保存将会大大提高网页设计和维护的效率。 本节制作一个简单的框架网页，先对框架集和框架等概念有一个概括的认识。 8.1.1 建立框架集 8.1.2 保存框架和框架集 8.1.3 理解框架集HTML代码 8.2 创建框架和框架集 锁谓框架集就是指定义网页结构与属性的 HTML 页面，这其中包含了显示在页面中框架的数目，框架的尺寸，装入框架的页面的来源，以及其他一些可定义的属性的相关信息。框架集页面不会在浏览器中显示（noframes 部分除外），它只是向浏览器提供如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。 8.2.1 使用预定义的框架集 1．创建新的空预定义框架集 2．在现在有文档中创建预定义的框架集 8.2.2 拆分和删除框架 拆分框架有以下几种方法： 将光标放置在要拆分的框架中，从【修改】|【框架集】的子菜单中选择拆分项。 在“设计”视图中，将框架边框从视图的边缘拖入视图的中间，以垂直或水平方式拆分一个框架或一组框架。 如果要使用不在视图边缘的框架边框来拆分框架，可以按住【Alt】键并同时拖动框架边框。 要将一个框架拆分成4个框架，请将框架边框从“设计”视图一角拖入框架的中间。 如果要删除一个框架，只需将它的边框拖动到页面之外或拖动到父框架的边框上即可。如果要删除的框架中的文档有未保存的内容，Dreamweaver 将提示保存该文档。 8.3 设置框架集属性 框架和框架集是一些独立的HTML文档。可以通过设置框架或框架集的属性来对框架或框架集进行修改。对于框架和框架集的设置，既可以在框架集文件的源代码中修改标签frameset/frameset和frame/的属性来完成，也可以在【属性】面板中进行，后者更加直观。 8.3.1 选中框架和框架集 1．在设计视图窗口中选择 2．在【框架】面板中选择 8.3.2 设置框架的属性 框架的背景颜色可以在页面属性中进行设置，而框架的的其他属性，比如确定各个框架集内各个框架的名称、源文件、链接、边距、滚动、边框和能否调整大小等，要在自己的属性面板中进行设置。 选取框架打开框架的【属性】面板。如图所示。 8.3.3 设置框架集的属性 使用框架集属性面板可以设置边框和边框大小。设置框架属性会覆盖在框架集中设置的相应属性。比如，设置某框架的边框属性，将覆盖在框架集中对该框架设置的边框属性。 选取框架集，打开框架集的【属性】面板。如图所示。 边框：设置文档在浏览器中查看时是否显示框架边框。 边框颜色：设置边框的颜色。 边框宽度：指定框架集中所有边框的宽度。 框架大小：单击【行列选择范围】区域左侧或顶部的选项卡；然后在“值”文 本框中，输入高度或宽度。 8.4 嵌套框架 嵌套框架是指在框架内部再进一步包含框架集。使用嵌套框架可以为一个网页文档设置多个框架，而且它们都有独立的HTML文档和框架文档。利用嵌套框架可以实现比较复杂的网页框架结构。 下面制作一个嵌套框架网页实例，具体制作步骤如下所述。 8.4.1 建立嵌套框架集 8.4.2 保存左侧框架 8.4.3 调整右侧框架 8.4.4 理解嵌套框架的HTML代码 8.5 框架集中的超链接 要在一个框架内使用链接打开另一个框架中的文档，必须设置链接目标。可以使用属性面板中的【目标】列表框，在弹出的菜单中指定被链接的目标。在前面章节中介绍超链接时，已经尝试过设置链接目标，但是由于当时没有使用框架页，因此一些链接目标的设置没有效果，本节通过实例讲解在框架页的背景下设置超链接的目标。 8.5.1 相对链接目标_top 8.5.2 绝对链接目标 课堂实例――制作一个框架网页 访问者在浏览框架网页时，可以使某个框架中的内容固定不变，通过导航条的链接更改主体框架的内容，从而达到网页布局的相对统一。在一般情况下，可以用框架来保持网页中固定的几个部分，比如网页大标题、导航条等，剩下的框架用来展现所选择的网页内容。利用框架可以更加灵活地制作网页，本节将制作一个基于框架的网