[第12章框架.pptVIP

第12章 框架 被经常用于页面设计的方式，就是网页中的框架。它把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。同时，可以方便地实现导航作用，使结构清晰，并解决各个框架的干扰问题，使得网站的风格变得一致。 在实际的网页制作过程中，往往会将一个网站中页面相同的部分单独制作成一个页面，使得其成为框架的一个子框架，交为整个网站所公用。本章将针对网页中框架的相关内容，以及其具体的制作与应用，进行详细的讲述。主要包括以下几点： 框架的相关概念 框架的类别 框架的特点 框架的应用 框架的编辑 12.1 认识框架网页 所谓网页框架，是指用来分隔网页的窗格。通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。接下来的内容，将带领大家认识框架网页。 12.1.1 框架网页特点 网页的精彩与否的不可忽略的因素，离不开网页的布局。使用框架组织页面的好处在于可以在一个窗口浏览到几个不同的页面，避免了来回翻页的麻烦。框架技术经常被用于实现页面文档的导航。下面具体介绍有关框架网页的特点。 1．使用框架网页优点 在网页中使用框架，具有如下优点：（1）可方便访问者的浏览，它使得浏览器不需要为每个页面重新加载与导航相关的内容。（2）在因为内容太大，窗口中的范围无法完整显示是，每个框架具有独立的滚动条，便于访问者浏览与操作。 2．使用框架网页缺点 在网页中使用框架，具有如下缺点：（1）可能难以实现不同框架中各元素的精确图形对齐。（2）对导航进行测试，需要花较长时间。（3）在没有提供服务器代码，可让访问者用来加载特定页面的带框架版本时，访问者将难以将特定页面设为书签，因为带有框架的页面的URL不会被显示在浏览器中。 3．关于框架网页 在了解了有关框架网页的优、缺点之后，接着为大家介绍有关于其具体的架构。在设计框架时，往往会有将上方固定、下方固定、垂直拆分、左侧固定、右侧固定和水平拆分等相应的编排架构的类型与模板，具体如图1所示。 在Dreamweaver CS5中，系统一共提供了如图2所示的默认的框架模板。在实际的网页制作过程中，通过应用它们，来快速达到制作网页的目的。 图1 图2 12.1.2 框架网页种类 根据框架分布的不同，以及各框架作用的不同，可以将框架网页划分成多种不同类型。常用到的框架结构有：左侧框架、右侧框架、顶部框架、底部框架、上方和下方框架以及各种嵌套框架结构。具体内容如下： 1．网页布局类型 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型和变化型。 2．网页布局类型的选择应用 在了解网页布局的相关类型之后，实际的制作过程中，可以参照具体的需要进行相应类型的选择与应用。那么我们在应用时如何进行类型的选择呢？主要可以从下述内容进行考虑。 例如，如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。最后，还没有提到的就是变化型了，因为，只有不断的变化才会提高，才会不断丰富我们的网页！ 12.1.3 框架网页的组成 框架网页不但是页面布局的解决方案，也是避免重复劳动的一种方法。通常把一个网站中页面相同的部分单独制作成一个页面，作为框架结构的一个子框架的内容给整个网站公用。在框架网页中，每个框架包括高度、宽度、滚动条和边框，以及指定框架与网页正文之间的距离的框架的内边距。 1．框架结构 一个框架结构有两部分网页文件构成，分别是框架和框架集。 2．框架应用 在了解了框架以及框架集的相关内容之后，接下来具体针对框架以及框架集的相关内容，着重将其在网页中的制作过程中的应用进行介绍。如图所示，是有不同类型的框架构成的网页，主要包括top框架、left框架、main框架、bottom框架。通过不同的框架，构成了框架集，同时也组成一个漂亮、完整，视觉良好的网页。 12.2 创建框架网页 建立框架的目的，在于将窗口分成大小不同的子窗口，在不同的窗口中，显示不同的文档内容。框架结构的网页经常被用于聊天室、论坛等。除了表格，框架也是一种实现网页布局的方式。运用框架可以实现导航性非常好的页面结构。这里具体向大家讲述有关框架网页的创建的相关内容。 12.2.1 框架网页的创建 框架网页可根据不同的框架类型，