网页设计与制作 DreamweaveCs5第六讲.ppt

第六讲 框架 6.1 认识框架 框架是比较常用的网页技术。使用框架技术可以将不同的网页文档在同一个浏览器窗口中显示出来。框架最常见的用途是导航，常见的例子是：一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架，比如门户网站的电子邮箱系统绝大多数就应用了框架技术。本讲主要介绍框架的概念、如何创建框架、编辑框架、创建框架超级链接和浮动框架等内容。重点内容是框架的创建和应用，难点是浮动框架。 框架和框架集 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的文档。 框架集是框架的集合，框架集也是网页文件，它定义了一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的 网页内容（noframes 部分除外）；框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。 注意：如果一个站点包含N个框架的单个页面，则它实际上至少由N+1个单独的网页文档组成：1个框架集文件和N个网页文档，这N个网页文档包含这些框架内初始显示的内容。 6.2 创建框架 插入预设的框架集 创建预定义的框架集步骤如下： （1）要创建预定义的框架集方法很多：可以执行【插入】-【HTML】-【框架】命令子菜单中的预定义框架集，如图6-8所示。也可以是在“插入”栏的“布局”类别中，单击“框架”按钮（）上的下拉箭头，然后选择预定义的框架集，如图所示。还可以通过执行【文件】-【新建】命令打开“新建文档”对话框，在“类别”项中选择“框架集”，再从“框架集”列表中选择所需的框架集来创建框架集，如图所示。 （2）接着显示“框架标签辅助功能属性”对话框。可以在此对话框中给各个框架设置个有意义的标题名称，如图所示。 设计和插入框架集 （2）执行【修改】-【框架页】中的【拆分左/右/上/下框架】命令，即实现了创建框架集操作。也可以按快捷键【Alt】的同时，拖动任意一条框架边框，可以在垂直如图所示或水平位置如图所示分割文档；按快捷键Alt从一个角上拖动框架边框如下图所示，可以把文档划为4个框架。通常用这种方法创建框架集最为自由、方便。 创建嵌套框架集 一个框架集嵌套在另一个框架集内称作嵌套框架集。一个框架集文件可以包含多个嵌套的框架集。创建嵌套框架集步骤如下： （1）在想要嵌套框架集的框架中定位光标。如下图所示为建立的顶端框架集，定位光标在下框架中。 中图 框架集嵌套左侧框架集效果 6.3 框架的基本操作 选定框架和框架集 在框架中打开文档 保存框架和框架集 （4）本例操作完成后，形成4个HTML文件： 文件“index.html”（框架集文件） 文件“biaoti.html”（顶框架，对应topFrame） 文件“daohang.html”（左框架，对应leftFrame） 文件“neirong.html”（主框架，对应mainFrame） 其中框架集文件“index.html”也是HTML文件，源代码如下： frameset rows=80,* cols=* frameborder=no border=0 framespacing=0 frame src=biaoti.html name=topFrame scrolling=No noresize=noresize id=topFrame title=topFrame / frameset rows=* cols=112,* framespacing=0 frameborder=no border=0 frame src=daohang.html name=leftFrame scrolling=No noresize=noresize id=leftFrame title=leftFrame / frame src=neirong.html name=mainFrame id=mainFrame title=mainFrame / /frameset /frameset 可见，它主要包括3个框架的源文件位置、框架大小、框架边框、框架可见性等信息。而文件“biaoti.html”、文件“neirong.html”和文件“daohang.html”实际上就是普通的HTML网页。 从上面代码可以看出框架集和框架的语法结构和部分属性。 框架集语法 frameset.../frameset 注意：框架集标记frameset必须成对出现。 框架集属性 id：指定该框架集标记的惟一id选择符。 cols：垂直切割框架。 rows：横向切割框架。 frameborder：设定框架的边框，值为0或1