DW使用框架布局网页
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
框架和框架集的关系：框架集文档调用（引用）各个 框架文档。改变框架文件是指改变在框架中打开的文 件。
为了更好的理解什么是框架和框架集，详看下面的示意图。 这是一个左右结构的框架，其结构是由三个网页文件组成的 。首先外部的框架是一个文件，用index.htm命名。左框架 为A，指向的是一个网页A.htm。右边命名为B，指向的是一 个网页B.htm。
利用“框架”面板选择框架时，直接在面 板中相应区域单击即可。选择框架集时，在 面板中单击框架集的边框即可。
3.删除框架
将光标放在框架的边框上，当光标变成垂直箭 头（或水平箭头）时，按住鼠标左键，将框架 的边框拖出父框架或页面之外，即可将这个框 架删除。
5.4 框架和框架集的属性设置
1．设置框架属性
5.3 框架和框架集的基本操作
1．认识“框架”面板
利用“框架”面板可以对框架和框架集进行 操作，选择“窗口”>“框架”菜单，可以 打开“框架”面板。
2．选择框架和框架集
在文档窗口中选择框架的方法为，按住【 Alt】键，然后在要选择的框架内单击，被 选中的框架边线将显示为虚线。
如要选择框架集，单击该框架集上的任意 边框即可，此时框架集的所有边框都呈虚线 显示。
框架：是指用来分隔网页的窗格；每个框架都是浏览器中 的一个区域，它可以显示与浏览器窗口中所显示内容相 关的html文档，是一个独立的html页面。每个框架包括 框架高度、框架宽度、滚动条和框架边框，此外还可指 定框架的内边距（框架与网页正文之间的距离）。
框架集：是指定义一组网页布局结构与属性的html 页 面，其中包含了显示在页面中框架的数目、尺寸、装 入框架的页面的来源及其他可定义的属性的相关信息 。框架集页面不会在浏览器中显示，只是向浏览器提 供如何显示一组框架以及在这些框架中应显示哪些文 档的有关信息。
选中框架后，“属性”面板上将显示相应框
架的属性。
显示框架 源文件的 保存路径
选择是否 显示框架 的边框
Baidu Nhomakorabea
设置框 架滚动 条的属 性
2．设置框架集属性
选中框架集，属性面板中将显示框架集的属 性。
该面板中各参数的含义同框架属性面板基本 相同，不同的是在“行”或“列”文本框中 可设置框架的行高或列宽，在“单位”下拉 列表框中可选择具体单位。
•
6、意志坚强的人能把世界放在手中像 泥块一 样任意 揉捏。 2020年 12月10 日星期 四上午 2时6分 35秒02 :06:352 0.12.10
•
7、最具挑战性的挑战莫过于提升自我 。。20 20年12 月上午 2时6分 20.12.1 002:06 December 10, 2020
•
8、业余生活要有意义，不要越轨。20 20年12 月10日 星期四 2时6分 35秒02 :06:351 0 December 2020
•
1、有时候读书是一种巧妙地避开思考 的方法 。20.1 2.1020. 12.10Thursday, December 10, 2020
•
2、阅读一切好书如同和过去最杰出的 人谈话 。02:0 6:3502: 06:3502 :0612/ 10/2020 2:06:35 AM
•
3、越是没有本领的就越加自命不凡。 20.12.1 002:06: 3502:0 6Dec-20 10-Dec-20
➢ Dw先保存框架集文件，再保存框架文件。 ➢ 若只保存了框架集，而未保存某个框架（即没指
定该载入该框架的文档），可以直接选定该框架 ，然后创建链接来指向要载入的文档。类似于根 据现有文档创建框架页。
5.6课堂实例――制作框架网页
作业布置： 1、使用框架的优点是什么？ 2.课后习题
本章主要内容结束，谢谢合作！
框架网页的优点：
• 访问者的浏览器不需要为每个页面重新加载与导 航相关的图形（即固定网页中的某些部分） 。
• 框架集可以将网页的内容组织到相互独立的HTML 页面内，相对固定的内容（比如导航栏、标题栏 ）和经常变动的内容分别以不同的文件保存，将 会大大提高网页设计和维护的效率。
• 每个框架都有自己的滚动条，访问者可以独立滚 动框架。
第5章使用框架布局网页
关于框架和框架集 创建框架集 框架和框架集的基本操作 框架和框架集的属性设置 保存框架和框架集
5.1 关于框架和框架集
框架网页：是—种特殊的HTML网页，它可将浏览器窗口分 成不同的区域，每个区域都可以显示不同的网页，而且 在替换窗口中的网页文件时，各个窗口之间没有影响。 一个框架结构有两部分网页文件构成：框架集（ Frameset ）和框架（Frame）。
5.5 保存框架和框架集
保存框架和框架集：一个包含n个框架的网页实际上 由 n+1 个独立的html页面组成，1个框架集文件和n 个包含在框架中显示的文件。这 n+1 个页面必须单 独保存，才能在浏览器中正常工作。 插入的网页元 素位于哪个框架，就保存在哪个框架的网页中。
➢ 点击“文件—保存全部”，则打开几个另存为对 话框，提示保存各个部分；设计视图中的选择线 （或说成阴影）也会自动的移动到对应的被保存 的框架中，据此可以知道正在保存的是哪一个框 架文件。
基于上述优点，框架通常用于创建网站导航。
框架网页的缺点：
• 难以实现不同框架中个元素的精确图形对齐。
• 使用框架制作的网页很难被搜索引擎搜索到。
• 对导航测试可能很费时间
• 各个带有框架的页面URL不显示在浏览器中，因此 可能难以将特定网页设为书签，除非使用了服务器 代码，允许访问者加载特定的带框架版本。
5.2 创建框架集
用户可以直接创建框架集，也可以在普通页面 中加载预定义的框架集。其中，直接创建框架 集的方法与创建普通页面的方法相似。
选择“文件”>“新 建”菜单，打开“ 新建文档”对话框
在“类别”列表中选择“ 框架集”选项，右侧将显 示系统预定义的框架集类 型，选择其中一种，然后 单击“创建”按钮
•
4、越是无能的人，越喜欢挑剔别人的 错儿。 02:06:3 502:06: 3502:0 6Thursday, December 10, 2020
•
5、知人者智，自知者明。胜人者有力 ，自胜 者强。 20.12.1 020.12. 1002:0 6:3502: 06:35D ecembe r 10, 2020
为了更好的理解什么是框架和框架集，详看下面的示意图。 这是一个左右结构的框架，其结构是由三个网页文件组成的 。首先外部的框架是一个文件，用index.htm命名。左框架 为A，指向的是一个网页A.htm。右边命名为B，指向的是一 个网页B.htm。
利用“框架”面板选择框架时，直接在面 板中相应区域单击即可。选择框架集时，在 面板中单击框架集的边框即可。
3.删除框架
将光标放在框架的边框上，当光标变成垂直箭 头（或水平箭头）时，按住鼠标左键，将框架 的边框拖出父框架或页面之外，即可将这个框 架删除。
5.4 框架和框架集的属性设置
1．设置框架属性
5.3 框架和框架集的基本操作
1．认识“框架”面板
利用“框架”面板可以对框架和框架集进行 操作，选择“窗口”>“框架”菜单，可以 打开“框架”面板。
2．选择框架和框架集
在文档窗口中选择框架的方法为，按住【 Alt】键，然后在要选择的框架内单击，被 选中的框架边线将显示为虚线。
如要选择框架集，单击该框架集上的任意 边框即可，此时框架集的所有边框都呈虚线 显示。
框架：是指用来分隔网页的窗格；每个框架都是浏览器中 的一个区域，它可以显示与浏览器窗口中所显示内容相 关的html文档，是一个独立的html页面。每个框架包括 框架高度、框架宽度、滚动条和框架边框，此外还可指 定框架的内边距（框架与网页正文之间的距离）。
框架集：是指定义一组网页布局结构与属性的html 页 面，其中包含了显示在页面中框架的数目、尺寸、装 入框架的页面的来源及其他可定义的属性的相关信息 。框架集页面不会在浏览器中显示，只是向浏览器提 供如何显示一组框架以及在这些框架中应显示哪些文 档的有关信息。
选中框架后，“属性”面板上将显示相应框
架的属性。
显示框架 源文件的 保存路径
选择是否 显示框架 的边框
Baidu Nhomakorabea
设置框 架滚动 条的属 性
2．设置框架集属性
选中框架集，属性面板中将显示框架集的属 性。
该面板中各参数的含义同框架属性面板基本 相同，不同的是在“行”或“列”文本框中 可设置框架的行高或列宽，在“单位”下拉 列表框中可选择具体单位。
•
6、意志坚强的人能把世界放在手中像 泥块一 样任意 揉捏。 2020年 12月10 日星期 四上午 2时6分 35秒02 :06:352 0.12.10
•
7、最具挑战性的挑战莫过于提升自我 。。20 20年12 月上午 2时6分 20.12.1 002:06 December 10, 2020
•
8、业余生活要有意义，不要越轨。20 20年12 月10日 星期四 2时6分 35秒02 :06:351 0 December 2020
•
1、有时候读书是一种巧妙地避开思考 的方法 。20.1 2.1020. 12.10Thursday, December 10, 2020
•
2、阅读一切好书如同和过去最杰出的 人谈话 。02:0 6:3502: 06:3502 :0612/ 10/2020 2:06:35 AM
•
3、越是没有本领的就越加自命不凡。 20.12.1 002:06: 3502:0 6Dec-20 10-Dec-20
➢ Dw先保存框架集文件，再保存框架文件。 ➢ 若只保存了框架集，而未保存某个框架（即没指
定该载入该框架的文档），可以直接选定该框架 ，然后创建链接来指向要载入的文档。类似于根 据现有文档创建框架页。
5.6课堂实例――制作框架网页
作业布置： 1、使用框架的优点是什么？ 2.课后习题
本章主要内容结束，谢谢合作！
框架网页的优点：
• 访问者的浏览器不需要为每个页面重新加载与导 航相关的图形（即固定网页中的某些部分） 。
• 框架集可以将网页的内容组织到相互独立的HTML 页面内，相对固定的内容（比如导航栏、标题栏 ）和经常变动的内容分别以不同的文件保存，将 会大大提高网页设计和维护的效率。
• 每个框架都有自己的滚动条，访问者可以独立滚 动框架。
第5章使用框架布局网页
关于框架和框架集 创建框架集 框架和框架集的基本操作 框架和框架集的属性设置 保存框架和框架集
5.1 关于框架和框架集
框架网页：是—种特殊的HTML网页，它可将浏览器窗口分 成不同的区域，每个区域都可以显示不同的网页，而且 在替换窗口中的网页文件时，各个窗口之间没有影响。 一个框架结构有两部分网页文件构成：框架集（ Frameset ）和框架（Frame）。
5.5 保存框架和框架集
保存框架和框架集：一个包含n个框架的网页实际上 由 n+1 个独立的html页面组成，1个框架集文件和n 个包含在框架中显示的文件。这 n+1 个页面必须单 独保存，才能在浏览器中正常工作。 插入的网页元 素位于哪个框架，就保存在哪个框架的网页中。
➢ 点击“文件—保存全部”，则打开几个另存为对 话框，提示保存各个部分；设计视图中的选择线 （或说成阴影）也会自动的移动到对应的被保存 的框架中，据此可以知道正在保存的是哪一个框 架文件。
基于上述优点，框架通常用于创建网站导航。
框架网页的缺点：
• 难以实现不同框架中个元素的精确图形对齐。
• 使用框架制作的网页很难被搜索引擎搜索到。
• 对导航测试可能很费时间
• 各个带有框架的页面URL不显示在浏览器中，因此 可能难以将特定网页设为书签，除非使用了服务器 代码，允许访问者加载特定的带框架版本。
5.2 创建框架集
用户可以直接创建框架集，也可以在普通页面 中加载预定义的框架集。其中，直接创建框架 集的方法与创建普通页面的方法相似。
选择“文件”>“新 建”菜单，打开“ 新建文档”对话框
在“类别”列表中选择“ 框架集”选项，右侧将显 示系统预定义的框架集类 型，选择其中一种，然后 单击“创建”按钮
•
4、越是无能的人，越喜欢挑剔别人的 错儿。 02:06:3 502:06: 3502:0 6Thursday, December 10, 2020
•
5、知人者智，自知者明。胜人者有力 ，自胜 者强。 20.12.1 020.12. 1002:0 6:3502: 06:35D ecembe r 10, 2020