《第11章 框架.ppt》由会员分享,可在线阅读,更多相关《第11章 框架.ppt(11页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、框架是网页中常使用的效果。使用框架,可以在同一浏览窗口中显示多个不同的文件。最常见的用法是将窗口的左侧或上侧的区域设置为目录区,用于显示文件的目录或导航条。而将右边一块面积较大的区域设置为页面的主体区域。通过在文件目录和文件内容之间建立的超级链接,用户单击目录区中的文件目录,文件内容将在主体区域内显示,用这种方法便于用户继续浏览其他的网页文件。,第11章 框架,下面的实例显示了一个使用框架的网页,如图11.1所示。这是由三个框架组成的框架布局,一个框架横放在顶部,其中包含 Web 站点的Logo和一些常用按钮;左侧较窄的框架包含导航条;右侧的框架占据了页面的大部分,其中包含主要内容。这些框架中
2、的每一个都显示单独的 HTML 文档。,11.1.1 关于框架,框架实际上是一种特殊的网页,它可以根据需要把浏览器窗口划分为多个区域,每个框架区域都是一个单独的网页。框架(Frames)由框架集(Frameset)和单个框架(Frame)两部分组成。框架集是一个定义框架结构的网页,它包括网页内框架的数量、每个框架的大小、框架内网页的来源和框架的其它属性等。单个框架包含在框架集中,是框架集的一部分,每个框架中都放置一个内容网页,组合起来就是浏览者看到的框架式网页。,11.1.2 基本概念,常用的两种方法:选择“插入”工具栏中的“布局”选项卡,单击“框架”按钮,打开包含有13种预定义框架集的菜单,
3、从中可以选择需要创建的类型。选择“查看”“可视化助理” “框架边框”命令,使框架边框显示出来,拖动框架边框。,11.2.1 创建框架和框架集,框架的嵌套是指一个框架集套在另一个框架集内。“上方固定,左侧嵌套”实际上就是一个嵌套的框架集,是在上下结构的框架集中嵌套一个左右结构的框架集。具体操作步骤如下:(1)将鼠标移至要创建嵌套框架集的框架内,如图11.8所示。(2)单击”插入”|“HTML”|“框架”|“左对齐”命令菜单,新插入一个框架集,如图11.9所示。此时,嵌套框架集制作完成。,11.2.2 框架的嵌套,框架的基本操作主要包括:选取框架和框架集、保存框架和框架集、调整框架大小、拆分框架和
4、删除框架等。1选取框架或框架集2保存框架3调整框架大小,11.2.3 框架的基本操作,在文档窗口中选择框架和框架集选择一个框架:按下Alt+Shift键的同时,再在要选择的框架内单击选择一个框架集:单击任一内部框架边框在“框架”面板中选择框架和框架集选择“窗口” “框架”命令,显示“框架”面板。单击,选择框架和框架集,选中框架集,使用“属性检查器”可以方便地设置框架集的边框宽度和颜色、设置框架行和列的大小等。,11.2.4 设置框架集属性,选中框架,利用“属性检查器”还可以设置框架的属性,包括框架名称、源文件、滚动条、边框、边界等。,11.2.5 设置框架属性,在原有框架代码的前后各加下面红色代码:原有框架前代码: 框架后代码: ,11.3 让框架Frameset居中,并且固定宽度的巧妙办法,框架居中的效果图,