框架页和框架集学习指导书.pptVIP

● 框架页和框架集 框架在网页设计中可以将窗口分成多个不同的区域，每个区域可以分别显示不同的网页。框架由两个部分组成--框架集和单个框架。 框架集专门负责框架的设置：网页显示的框架数，框架的大小，是分行型还是分列型，或者是混合型；载入框架的网页源，等等。 另外的就是单个框架，也就是普通的HTML文档分别被放置到各框架中，当链接到设置框架的HTML文档时，整个框架以及各HTML文档就会一起显示在浏览器中。 在每个框架中，都有一个蓝色的区域，这个区域是主框架的位置。当在一个页面插入框架时，原来的页面就自动成了主框架的内容。一般主框架用来放置网页内容，而其它小框架用来进行导航。 ● 5.3.2 创建框架 ● 5.3.3 框架的编辑和制作 框架在网页上的应用可以说是形式多样，所以，熟练运用框架的属性，可以使网页的框架结构美观而实用。 使框架成为一个整体： 虽然应用框架后，窗口被分为几个部分，但出于美观考虑，应该使框架看起来像是个整体，一般采用的方法是把框架的边界设置为0。然后把导航框中的元素确定位置，不进行移动，使滚动条只出现在主框架中。同时，将框架页的背景设置为一致。 在编辑完成框架的结构后，有时会发现错误，这时可以通过替换与删除框架来达到目的。 在插入框架后，必须及时保存框架页和框架集。在保存框架之前，必须先保存框架集文档，指明整个框架的形成，否则会出现递归错误。 在框架建立完成后，必须编辑各个框架的页面内容，通过框架集显示出丰富的内容。 组织HTML是建立框架的目的，在框架建立完成后，还需要正确设定链接的目标框架，才能充分发挥框架的导航作用。 ● 5.3.4处理无框架浏览器 有些浏览器（Netscape2.0以前版本）不支持框架网页，浏览到有框架时不能正常显示。Dreamweaver允许创建无框架内容，使不支持框架的浏览器能够显示其中的内容。 尽管框架内容和框架内容是分开编辑的，但同属于一个网页，在HTML代码内，分别位于frameset和noframeset 标签中。 在框架设置文档的HTML语句中，最后总有noframe /noframe一对标签，当不支持框架的浏览器浏览到该页时，将忽略frameset /frameset 标签中的所有内容，而显示noframe标签中的内容。 * 框架的主要作用是用来增强网页的导航功能。通过框架的定位页面作用，可以更整齐的排列页面中的对象。 1、执行【文件】|【新建】命令创建一个新的网页文件。 2、 将当前鼠标光标定位在需要插入框架的位置，执行如下操作之一即可： ? 执行【插入】|【HTML】|【框架】命令。 ? 执行【修改】|【框架集】|【拆分框架】命令。 ? 在【插入】栏的【布局】选项卡中单击【框架】按钮。 3、按照设计要求，在“框架”列表中选择所需的框架结构。 1．框架的插入 “框架”按钮 1、 执行【文件】|【新建】命令创建一个新的网页文件。 2、 将光标定位到页面中，执行如下操作之一即可： ? 执行【查看】|【可视化助理】|【框架边框】命令。 ? 在【文档工具栏】中单击【视图选项】按钮 ，执行【可视化助理】|【框架边框】命令。 3、页面四周显示出框架的边框线。 4、 将光标定位到页面中，执行如下操作之一即可： ? 将鼠标移到【文档窗口】边界线上，当鼠标变成为 （左右分割框架）或 （上下分割框架）时，拖动鼠标至相应位置，即可创建一条边框线。 ? 将鼠标移到【边框架】角上，当鼠标变成为 形状时，拖动鼠标至相应位置，即可创建4个边框。 2．插入自定义框架 1、 执行【文件】|【新建】命令创建一个新的网页文件。 2、 将光标定位到页面中，单击【布局】选项卡中的【框架】按钮，完成框架的插入。 3、 将光标定位到主框中，单击【布局】选项卡中的【框架】按钮，按照设计要求，插入嵌套的框架结构。 3．重复插入框架 虽然Dreamweaver MX提供了最常用的13种框架模型，但是在实际操作时还是可能会需要使用到其它形式的框架模型，这时可以用重复插入的方法，创建各种形式的框架结构。 重复插入框