静态网页制作教程 第十章 页面的分框显示.pptx

第十章 页面的分框显示;当用户将一个浏览器画面分割成数个窗口后，各窗口将扮演不同的功能。举例来说，分割后的窗口，可以运用其中一个作为主要显示网页内容的主画面，而另一个则作为菜单，控制主画面中显示的网页。这样的设计显然比起单一个窗口的网页设计来得人性化，用户也可以在数个网页间任意切换。 将整个浏览器分割的窗口框架，主要利用frameset标记和frame标记来定义。其中frameset标记用于定义一个窗口框架组件，而frame标记用于定义窗口框架中某个子窗口组件。因此，一组窗口框架的标准格式如下： frameset frame frame …… /frameset;但是注意，有frameset标记所定义的窗口框架组件，相当于body标记所定义的文件主题组件，因此frameset标记不可包含在body标记中，否则，frameset标记将会无法正常作用。因此，运用frameset标记建立窗口框架时，仅可包含于html标记中。而用于定义窗口的frame标记，并没有结束标记，该标记的使用方式，仅为在标记中通过各种属性的设定，以控制所代表的窗口框。;1.frameset标记 2.frame标记 3.创建一个简单的框架 4.框架的特殊效果;一、frameset标记;3.Bordercolor属性 Bordercolor=#rrggbb 属于窗口的外部属性，表示窗口框架的颜色。其中颜色设置与以前学习的设置方法一样。 4.Framespacing属性 Framespacing=n N为整数，属于窗口的外部属性，表示所以窗口的边界所设定的整数（即n）个空白间隔符。 使用frameset标记的属性值，可以将窗口横向分成几部分，也可以纵向分成几部分，还可以混合分框。;二、frame标记;2.Marginwidth属性 Marginwidth=n（n为整数） 3.Marginheight属性 Marginheight=n（n为整数） 窗口的内部属性，与marginwidth一样，只是它控制的是框架上、下的页边距。 4.Frameborder属性 Frameborder=yes/no 属性窗口的内部属性，表示窗口是否需要边框（1为yes，0为no）。 5.Scrolling属性 Scrooling=yes/no/auto;属于窗口的内部属性，表示窗口是否需要滚动条（默认为auto）。当??置为yes时，表示框架始终都有滚动条，值no则表明不要滚动条，而值auto则意味着当需要时自动添上滚动条。 6.Noresize属性 如果此属性出现在标记语句中，那么用户将不可能再改变框架的大小。如果缺省，则框架的大小可以改变。;三、创建一个简单的框架;以混合框架为例，创建框架的一般步骤 1.为各个窗口框架准备好要显示的页面 2.创建框架集文件 实例：1.html ;四、框架的特殊效果;建立从框架到不在框架的文档上的链接的一般步骤： 1.建立一个包含框架的文档。 2.在其中的框架中加入a href=“”标记 3.设置target属性。 a href=“url” target=“_top”显示文本/a 4.保存文档查看效果 实例：1.html;2.使用一个框架索引另一个显示详细信息的框架 在上面创建一个简单框架的实例中，我们学习了将web页分成3部分的技术。平时我们常常能看到一些网页使用框架将浏览器分成两部分，其中一部分包含一个索引或一张表，给养护一些选项，另一部分则根据用户在前一部分的选择显示相应的信息。 实例：2.html（本例采用最简单的两个框架的布局，左边的框架拥有一个索引，右边的框架则是显示用户在左边框架中选择的结果）;3.如何在页面中建立一个浮动的框架 所谓浮动的框架，就是能像对待一个图像一样去对待框架，即可以将之内嵌到文档中去。 在html中，这是通过iframe……/iframe标记来实现的。当浏览器遇到一组iframe……/iframe标记时，它建立一个框架并将src中指定的文件装载到框架中。 iframe标记的属性如下： Align=left|center|right Frameborder=1|0(1表示有边框) height、width、marginheight、marginwidth、name=“在target要用的名字”、src=“url” Scrolling=“yes|no” 实例：iframe.html(使用iframe);4.框架边框的控制 对于框架边界而言，既可以不要它，也可以设置它的大小等属性来改善显示效果。控制框架边界的基本步骤： 1.设计好文档布局，建立拥有该框架的文档。 2.在frameset标记中将framespacing属性设置为有效数值，表示框架之间的距离，其单位像素。设置frameborder为0，则显示效果没有边框。