单元六制作框架网页.docVIP

单元六 制作框架网页 [学习目标]学习一种HTML中的高级特性：制作框架网页。理解框架网页的概念，学习制作框架网页的布局与框架网页中的超链接。 框架网页是在同一个浏览器中将窗口画面分成几个框架，每个框架显示一个HTML文件。通过学习，可以利用框架网页结构在一个窗口中间同时浏览多个页面，还可以在一个区域中显示所有页面的总索引，通过单击这个区域中的超链接，相关网页就会显示在另一个区域中，非常直观，使浏览者在浏览局部内容时仍对整个网站的结构有清晰的认识，不至于进入多层链接后而迷失方向。 6.1 创建框架网页 [案例说明] 利用制作框架网页的标记符，制作出如图6-1所示的框架网页,网页文件为classgroup.htm。 图6-1框架网页 [代码分析] 框架网页是在同一浏览器窗口中显示多个相互隔离的HTML页的结构，它是HTML中的新特性，提供了一种全新的组织Web的方法。使用框架网页组织页面时，每个框架可显示一个不同的独立页面或者图像，可以将一些框架中的内容保留在浏览器窗口中，而使其余窗口的内容发生改变。 图6-1所示框架网页将浏览器窗口分为上、中、下三行（frameset rows=32%,50%,* framespacing=0 frameborder=0 border=0）。 其中第一行的框架名为topframe，在此框架中显示grouptop.htm 网页（frame src=grouptop.htm name=topFrame scrolling=NO noresize ）； 中间一行又分为两列（frameset cols=22%,* frameborder=0 border=0 framespacing=0），第一列的框架名为leftFrame，在此框架中显示groupleft.htm网页（frame src=groupleft.htm name=leftFrame scrolling=NO noresize）；第二列的框架名为mainFrame，在此框架中显示groupmain.htm网页（frame src=groupmain.htm name=mainFrame ）；，groupleft.htm网页中有超链接，点击此网页中的超链接，在框架名为mainFrame的框架中显示超链接相应的网页，即右框架中显示超链接相应的网页。 第三行的框架名为bottomFrame， 在此框架中显示groupbottom.htm网页（frame src=groupbottom.htm name=bottomFrame scrolling=NO noresize）。 将该网页文件另存为classgroup.htm，然后在浏览器中浏览，显示如图6-2所示 图6-2创建框架网页 [相关知识] 创建框架网页使用frameset、frame两个标记符。所有框架网页标记符需要放在一个HTML文档中，这个文档只记录了该框架网页如何划分的，不会在浏览器中显示任何信息，所以不必放入body标记符，否则会导致无法正常显示框架网页。即frameset标记符取代了body的位置，紧接在head之后。 框架网页语法格式如下： html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title制作框架网页/title /head frameset …… frame在这里对框架的定义 frameset frame在这里对框架的定义 /frameset …… /frameset /html 从框架网页的语法结构可以看出frameset标记符取代了body的位置，紧接在head之后，frameset标记符是可以嵌套的，frameset标记符用以说明HTML文件为框架模式，并设定窗口如何分割，以标记符/frameset结束；frame标记符用于给各个框架指定要显示的网页，也就是将各个框架和显示网页的内容联系在一起，frame标记是一个单标记符 frameset标记符称为框架标记符，用以说明HTML文件为框架模式，并设定窗口如何分割。其基本格式为： frameset rows=”数值” cols=”数值” frameborder=”0/1” border=”像素数” bordercolor=”颜色” framespacing=”值” 其中： rows属性设置横向分割的框架数目。属性值可以为整数值、百分数或*（*代表占用余下空间。数值的个数代表分成的框架数目且以逗号分隔。例如rows=”30,50%, *”可以将浏览器窗口横向切成三个框架（即三行），第一个框架是30 pixels 的高度，为一绝对分割；第二个框架占整个画面的