第7章 使用框架布局网页.ppt

可视化、快速插入框架。 能够快速选中框架。 设置框架显示属性。 操作框架页。 使用框架布局网页。 7.1 认识框架 框架是一种能够使多个网页通过区域划分最终显示在一个浏览器窗口的网页结构。框架由两部分组成：框架集和多个框架。 框架（Frame）：是浏览器窗口中的一个区域，它可以显示与浏览器窗口其它区域中所显示内容无关的网页文件。 框架集（Frameset）：是一个网页文件，它将一个窗口通过行和列的方式分割成多个框架，框架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文件。 框架集把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。使用框架集可以方便地设计类似导航结构，且各框架之间互不干扰，同时使网站的结构更加清晰，保证网站风格统一。 7.2 创建框架 选择【插入】|【HTML】|【框架】命令，在【框架】子菜单中选择预定义的框架集。 在自定义框架集之前，选择【查看】|【可视化助理】|【框架边框】选项，确保该项勾选，在编辑窗口中显示框架边框，以方便观察和操作。把光标置于要插入预定义框架集的编辑窗口中拖动即可。 选择【修改】|【框架集】命令，在该子菜单中列出了4项命令，如选择其中需要的一项即可拆分窗口，创建一个框架集，然后用鼠标调整框架窗口大小即可。 frameset rows=30%,* frameborder=no border=0 framespacing=0 frame src= UntitledFrame-13 scrolling=No id=topFrame title=topFrame / frameset cols=254,556 frame src= UntitledFrame-16 frame src= UntitledFrame-17 / /frameset /frameset 7.3 操作练习：选择框架 选择【窗口】|【框架】命令，打开【框架】面板。 在【框架】面板中直接单击所要选取的框架，即可选中该框架，同时框架的四周以黑色显示。 7.4 框架属性 7.5 实战演练：操作框架 选择【修改】|【框架集】|【编辑无框架内容】命令，这时网页框架消失，出现完整的编辑窗口，窗口上方标注“无框架内容”，然后就可以在工作区中编写非框架的内容了。 当向框架中插入已经制作好的网页文件时，只需要保存框架集文件。在【框架】面板中选择框架集，然后选择【文件】|【保存框架页】命令即可，或者选择【文件】|【框架集另存为】命令另存其他地方或重新命名。框架集默认名为UntitledFrameset-1、UntitledFrameset-2……。 当编辑或修改框架集中某个网页文件，这时只需要保存框架中显示的网页文件。选择【文件】|【保存框架】或者【框架另存为】命令保存即可。框架默认名为UntitledFrame-1、UntitledFrame-2……。 当新建框架页面时，需要保存所有的框架文件和框架集文件。选择【文件】|【保存全部】命令即可。 7.6 实战演练：设计浮动框架 选择【插入】|【HTML】|【框架】|【IFRAME】命令。或者在【插入】面板中选择【布局】选项卡，再单击其中的【IFRAME】选项按钮，系统自动在当前光标处插入一个iframe/iframe标记，并把视图切换到【拆分】视图状态下。