DW使用框架布局网页
框架网页的缺点:
• 难以实现不同框架中个元素的精确图形对齐。 • 使用框架制作的网页很难被搜索引擎搜索到。 • 对导航测试可能很费时间 • 各个带有框架的页面URL不显示在浏览器中,因此 可能难以将特定网页设为书签,除非使用了服务器 代码,允许访问者加载特定的带框架版本。
5.2
创建框架集
用户可以直接创建框架集,也可以在普通页面 中加载预定义的框架集。其中,直接创建框架 集的方法与创建普通页面的方法相似。
框架集:是指定义一组网页布局结构与属性的html 页 面,其中包含了显示在页面中框架的数目、尺寸、装 入框架的页面的来源及其他可定义的属性的相关信息 。框架集页面不会在浏览器中显示,只是向浏览器提 供如何显示一组框架以及在这些框架中应显示哪些文 档的有关信息。 框架和框架集的关系:框架集文档调用(引用)各个 框架文档。改变框架文件是指改变在框架中打开的文 件。
2.选择框架和框架集
在文档窗口中选择框架的方法为,按住【 Alt】键,然后在要选择的框架内单击,被 选中的框架边线将显示为虚线。 如要选择框架集,单击该框架集上的任意 边框即可,此时框架集的所有边框都呈虚线 显示。 利用“框架”面板选择框架时,直接在面 板中相应区域单击即可。选择框架集时,在 面板中单击框架集的边框即可。
设置框 架滚动 条的属 性
2.设置框架集属性
选中框架集,属性面板中将显示框架集的属 性。
该面板中各参数的含义同框架属性面板基本 相同,不同的是在“行”或“列”文本框中 可设置框架的行高或列宽,在“单位”下拉 列表框中可选择具体单位。
5.5
保存框架和框架集
保存框架和框架集:一个包含n个框架的网页实际上 由 n+1 个独立的html页面组成,1个框架集文件和n 个包含在框架中显示的文件。这 n+1 个页面必须单 独保存,才能在浏览器中正常工作。 插入的网页元 素位于哪个框架,就保存在哪个框架的网页中。
为了更好的理解什么是框架和框架集,详看下面的示意图。 这是一个左右结构的框架,其结构是由三个网页文件组成的 。首先外部的框架是一个文件,用index.htm命名。左框架 为A,指向的是一个网页A.htm。右边命名为B,指向的是一 个网页B.htm。
框架网页的优点:
• 访问者的浏览器不需要为每个页面重新加载与导 航相关的图形(即固定网页中的某些部分) 。 • 框架集可以将网页的内容组织到相互独立的HTML 页面内,相对固定的内容(比如导航栏、标题栏 )和经常变动的内容分别以不同的文件保存,将 会大大提高网页设计和维护的效率。 • 每个框架都有自己的滚动条,访问者可以独立滚 动框架。 基于上述优点,框架通常用于创建网框架集 创建框架集 框架和框架集的基本操作 框架和框架集的属性设置 保存框架和框架集
5.1 关于框架和框架集
框架网页:是—种特殊的HTML网页,它可将浏览器窗口分 成不同的区域,每个区域都可以显示不同的网页,而且 在替换窗口中的网页文件时,各个窗口之间没有影响。 一个框架结构有两部分网页文件构成:框架集( Frameset )和框架(Frame)。 框架:是指用来分隔网页的窗格;每个框架都是浏览器中 的一个区域,它可以显示与浏览器窗口中所显示内容相 关的html文档,是一个独立的html页面。每个框架包括 框架高度、框架宽度、滚动条和框架边框,此外还可指 定框架的内边距(框架与网页正文之间的距离)。
点击“文件—保存全部”,则打开几个另存为对 话框,提示保存各个部分;设计视图中的选择线 (或说成阴影)也会自动的移动到对应的被保存 的框架中,据此可以知道正在保存的是哪一个框 架文件。 Dw先保存框架集文件,再保存框架文件。 若只保存了框架集,而未保存某个框架(即没指 定该载入该框架的文档),可以直接选定该框架 ,然后创建链接来指向要载入的文档。类似于根 据现有文档创建框架页。
5.6课堂实例――制作框架网页
作业布置: 1、使用框架的优点是什么? 2.课后习题
本章主要内容结束,谢谢合作!
3.删除框架
将光标放在框架的边框上,当光标变成垂直箭 头(或水平箭头)时,按住鼠标左键,将框架 的边框拖出父框架或页面之外,即可将这个框 架删除。
5.4
框架和框架集的属性设置
1.设置框架属性
选中框架后,“属性”面板上将显示相应框 架的属性。 显示框架 选择是否
源文件的 保存路径 显示框架 的边框
选择“文件”>“新 建”菜单,打开“ 新建文档”对话框
在“类别”列表中选择“ 框架集”选项,右侧将显 示系统预定义的框架集类 型,选择其中一种,然后 单击“创建”按钮
5.3
框架和框架集的基本操作
1.认识“框架”面板
利用“框架”面板可以对框架和框架集进行 操作,选择“窗口”>“框架”菜单,可以 打开“框架”面板。