单元六制作框架网页.doc

《单元六制作框架网页.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、个人收集整理勿做商业用途单元六制作框架网页[学习目标]学习一种HTML中的高级特性：制作框架网页。理解框架网页的概念，学习制作框架网页的布局与框架网页中的超链接。框架网页是在同一个浏览器中将窗口画面分成几个框架,每个框架显示一个HTML文件。通过学习，可以利用框架网页结构在一个窗口中间同时浏览多个页面，还可以在一个区域中显示所有页面的总索引,通过单击这个区域中的超链接，相关网页就会显示在另一个区域中，非常直观，使浏览者在浏览局部内容时仍对整个网站的结构有清晰的认识，不至于进入多层链接后而迷失方向。6.1创建框架网页src="grouptop.htm"name="topFrame"

2、［案例说明］利用制作框架网页的标记符，制作出如图6—1所示的框架网页,网页文件为classgroup.htm.src="groupmain.htm"name="mainFrame"src="groupleft.htm"name="leftFrame"src="groupbottom.htm"name="bottomFrame"图6—1框架网页个人收集整理勿做商业用途[代码分析］classgroup.htm代码（创建框架网页）〈html>〈head〉〈t

3、itle〉制作框架网页〈/title〉〈framesetcols=”22％,*”frameborder=”0"border=”0"framespacing=”10”〉〈framesrc=

4、"groupmain.htm”name="mainFrame">〈/frameset〉

5、下三行（〈framesetrows=”32％，50％,*”framespacing=”0”frameborder=”0"border="0”>)。其中第一行的框架名为topframe，在此框架中显示grouptop。htm网页（

6、（

7、ttom。htm"name="bottomFrame”scrolling=”NO”noresize〉）。从上图可以看出:所有框架网页标记符需要放在一个HTML文档中（classgroup。htm），这个文档只记录了该框架网页如何划分的，不会在浏览器中显示任何信息。要在各框架中显示〈frame〉标记符所指定的网页内容,必须事先创建相应的网页，这也是为什么图6—2各框架中没有显示图6—1中网页的原因。将该网页文件另存为classgroup。htm,然后在浏览器中浏览，显示如图6—2所