第八讲框架——网页制作.pptVIP

第8章 框 架 8.1 框架的基本概念 框架（Frame）就是浏览器窗口的一个区域，在这个区域中可以显示一个单独的文档（页面）而不影响另一个区域中的显示内容。框架又理解为一个能独立显示的文档。 在一个页面上可以分出多个区域，设置多个框架。把这些框架看成一个整体，就称为框架集（ Frameset）。框架集定义了窗口的一种布局结构。 使用框架技术不仅可以布局版面，更多的是用于需要通过目录、索引来阅读内容的导航，也用于网页的导航条，因为用它阅读链接内容时，可以不破坏版面的结构，不破坏目录或导航条的导航作用，处在什么位置，一目了然。 在HTML中，框架集用Frameset/Frameset来标记，框架用Frame/Frame标记。图8.1所示页面框架的HTML标记为： frameset cols=″224,*″ frameborder=0 border=″0″ framespacing=0 frameset rows=″124,*,61,0″ frameborder=0 border=″0″ framespacing=0 frame src=″html/navigation.htm″ name=″mm_navigation″ scrolling=″no″ resize=″no″ marginheight=″0″ marginwidth=″0″ frame src=″html/cont.htm″ name=″left″ scrolling=″yes″ resize=″no″ marginheight=″0″ marginwidth=″5″ border=″0″ frame src=″html/other_refs_nav.htm″ name=″other_navigation″ scrolling=″no″ resize=″no″ marginheight=″0″ marginwidth=″0″ /frameset frameset rows=″*,0″ border=″0″ frameborder=0 framespacing=0 frame src=″contextID.html″ name=″right″ scrolling=″auto″ resize=″yes″ marginwidth=″20″ marginheight=″5″ /frameset /frameset 该例说明，框架集可以嵌套，可以查看文件Program Files|Macromedia|Dreamweaver 4|Help|UsingDreamweaver|ContextHelp.htm。 8.2 创建框架集 8.2.1 创建框架集 为叙述方便，从一个空文档开始创建框架集，其他两种情况的创建方法完全相同。假设已创建了一个新的空白文档。 【例8.1】创建框架集 ① 单击要分割框架的窗口，将插入点放置入窗口中。如果已经存在框架，则需要单击某个框架窗格，将插入点放入该窗格内。 ② 打开Frame（框架）对象面板（见图8.2）。 ③ 在框架对象面板上单击相应的按钮，或直接将按钮拖动到文档窗口中，即可在当前文档窗口中构建出相应格式的框架，框架以灰色线条分割（见图8.3）。 注意： 在框架对象面板中，命名Insert Left Frame(插入左框架)的按钮，实际上建立有两个框架的框架集，一个叫左（Left）框架，一个叫主框架（MainFrame）。在按钮图标中，白色部分（左边）表示左框架，蓝色部分（右边）表示主框架，而不是一个框架。其他框架对象类似。 如图8.3，单击“上、左嵌套框架”按钮，建立了一个上、下左形式的框架集。 ④ 如果在图8.3所示的框架集中的某个框架中再次单击插入框架集按钮，则可以创建嵌套框架。如在图8.3 Main Frame框架中单击“创建下框架”按钮，建立的嵌套框架如图8.4。 注意： 从图8.4看到，创建下框架时，原来框架中的内容被分割在了上边。实际上，如果要创建框架的页面或使框架中有内容，则需内容被分割在Main Frame(主框架)中，就是对象按钮图标中的蓝色区域。 ⑤ 创建框架集后，执行Window|Frames（框架集）命令，打开Frames可停靠浮动面板，可以清晰地看到框架的结构，单击其中的区域，可以选定框架（见图8.5）。 提示： 创建框架集还可以使用Insert|Frames(插入|框架集)命令。 技巧： 页面中的框架用灰线分割，用鼠标拖动分割线，可以调整框架区域的大小。 在页面中建立框架后，文档页面四周显示框架边框，在边框上按下鼠标向窗口内拖动，可以继续分割框架(见图8.6)。 使用Modify|Frameset命令(见图8.7)，可以将一个框架左（left）右(right)或上（up）下(down)拆分为两个