框架的应用(情境3-1-7).pdfVIP

第7章框架集的应用 和表格一样，框架集也是一个网页布局工 具。使用框架集，可以将浏览器窗口划分为多 个区域，每个区域叫做一个框架，可以显示一 个HTML文档，通过建立不同框架中HTML文 档间的链接关系，可以创建具有导航结构的网 页。使用框架集，可以使网页的版面更友好、 结构更清晰。 1 7.1.1 认识框架集和框架 顶部框架 右侧框架 左侧框架 图7.1 框架结构网页示例 2 7.1.1 认识框架集和框架 v使用Dreamweaver的框架集技术可以很方便地创建上述 结构的页面。 v框架的个数以及它们在浏览器窗口中的显示布局由框架 集来定义(框架集也是一个HTML文档)。当创建框架集格 式的页面时，实际上是创建了多个HTML文档。如一个将 浏览器窗口划分为三个框架的页面，它实际上至少由四个 HTML文档组成，即框架集文档和三个框架所显示的默认 文档，框架集文档用来定义每个框架的大小、位置以及所 关联的HTML文档等属性。 3 7.1.1 认识框架集和框架 v框架集可以嵌套定义，以便将浏览器窗口划分出 更多的区域。 v一般说来，框架集技术(习惯上也称作框架技术) 主要通过两种类型的元素来实现，一个是框架集 ( 由frameset标签定义)，一个是框架( 由frame 标签定义)。前者定义如何划分框架，后者定义框 架的具体属性。为便于描述，下面把使用框架集 技术创建的页面称为框架结构网页。 4 7.1.2 决定是否使用框架集 优势： l显示导航链接的框架通常固定不变，这使得在显示每个链接 的详细内容时，浏览器不再重新加载导航链接； l每个框架都具有自己的滚动条，可以方便地浏览较多内容； l有统一的风格、便于制作和修改。 缺点： l框架集往往对应多个HTML文档，这使得服务器的负载加重 l早期的浏览器不支持这种技术 l通过脚本编程等其它方法，不使用框架集技术也能创建出与 框架网页同样效果的网页 5 7.2 创建具有框架结构的页面 Dreamweaver提供了两种创建框架结构页面 的方法，即预定义框架集和自定义框架集。预定 义框架集是Dreamweaver提供的框架集模板，它 涵盖了多种常见的框架结构，是创建框架结构页 面的最简单方法。自定义框架集是指由网页设计 者根据需要，自己设置框架集中框架的数量、布 局等属性，适合于创建复杂框架结构页面。 6 7.2.1 创建框架集网页 1．创建预定义的框架集 7 7.2.1 创建框架集网页 2 ．自定义框架集 v通过拖拉边框，实现框架结构的设计。 v也可以选择【修改】| 【框架页】，然后从子菜单 中选择拆分项。 8 7.