第9章 框架.pptVIP

第9章 框架 网页中框架（frame）的主要作用是，将浏览器窗口分割成几个相对独立的小窗口，浏览器可以将不同网页文件同时传送到这几个小窗口，这样就可以同时浏览不同网页文件。 使用框架，可以在一个浏览器中显示出多张HTML文档，这种HTML文档被称为框架页，各张框架页都可以不同，所以各页面之间是独立的。通过本章的学习，可以了解到以下框架知识： frameset标签用法 frame标签用法 框架分栏 框架重要属性 框架链接 框架实例 9.1 框架基本语法 框架，就是在一个浏览器中显示多个HTML页面，使用框架后，在一张网页中可以用来放置多个不同的网页。在新闻类的网站可以看到，有的广告专用一张网页来显示的，每次更新广告的时候，只需要对那张网页做修改。在本节中主要介绍框架的基本语法，如frameset、frame和框架的部分属性等。 如果一个网页的左边导航菜单是固定的，而页面中间的信息可以上下移动，这一般就可以认为是一个框架型网页。此外，一些框架型站点的模板在其页面上方放置了公司的LOGO或图片，不过这一块也是位置固定的。而页面的其他部分则可以上下左右移动。有的框架型站点模板还会在其固定区域中，放入链接或导航按钮。 框架的基本语法是由frameset/frameset标签对表示，标签对放在html/html标记对下的head/head后面，即与head/head标记对并列。如何来实现框架，全由frameset/frameset来设置，其内又包含frame/frame，用frame/frame标记对来表示在框架内放入什么文件，代码9.1表示框架的基本语法。 9.2 框架分栏 在网页中，有时要插入多张网页到框架中，那么对网页的分栏也很重要，如何表现使网页看起来更自然。框架分栏有垂直分栏和水平分栏。 框架分栏是网页插入多个框架的结果，多个框架放在同一个网页中，必然会出会分栏状态，如何使框架分栏在网页中达到更好的视觉效果，本小节来介绍框架分栏的两种分栏样式。 9.2.1 框架垂直分栏 垂直分栏是对框架里的网页文档垂直排列，每张网页文档占用一列显示。垂直分栏是在frameset中用cols表示，后面接要表示的列宽，语法形式如下： frameset cols=50,50 frame src= frame src= /frameset 垂直分栏在frameset中包含两张网页文档，每张网页占50%，第二张网页用frame来引进网页文档路径，代码9.2表示垂直分栏。 代码9.2 源代码\第9章\框架垂直分栏.html html head title框架垂直分栏/title /head frameset cols=50,50 frame src= frame src= /frameset /html 9.2.2 框架水平分栏 框架可以垂直分栏，同样也可以水平分栏，水平分栏就是把网页文档分成多行显示。水平分栏的语法用rows表示，与垂直分栏一样，也放在frameset上，一个框架不能同时出现水平和垂直分栏，即不能同时出现cols和rows，代码9.3表示框架水平分栏。 代码9.3 源代码\第9章\框架水平分栏.html html head title框架水平分栏/title /head frameset rows=40,60 frame src= frame src= /frameset /html 9.3 框架的常用属性 光是用框架基本语法显示网页文档是不够的，对特殊的环境处理不当，会影响效果，而且也不好控制框架在整上网页上的样式。常用的有属性有不可调节框架大小、网页空白和不支持框架等，下面对其分别介绍。 9.3.1 设置不可调节框架大小 上面的框架都可以调节大小的，有时网页制作可能对框架设置成不能调节小大，这时在该网页文档中用noresize=”noresize”表示，在网页效果中不会让用户去调节大小的，代码9.4表示noresize不能调节框架大小。 代码9.4 源代码\第9章\用noresize表示不能调节框架大小.html html head title不能调节框架大小/title /head frameset cols=50,30,20 frame noresize=noresize src= / frame src= / frame src= /frameset /html 9.3.2 浏览器不支持框架 在以前的旧浏览器中不支持框架，为了给这些不支持框架的浏览器用户友好提醒，可以用noframes/noframes标签对显示文字，说明该浏览器不支持框架，支持框架的浏览器不再显示noframes/noframes里的内容，代码9.5表示浏览器不支持框架。 代码9.5 源代码\第9章\浏览器不支持框架.html h