用Cols和Rows标记定位框架网页

数码时尚

盛修举

　　在第13期《电脑报》D3版刊出的《剖析框架网页代码》一文，以最常用的横幅、目录、正文式框架为例，对框架网页的用途、代码作了详细的讲解，也许大家初步学会使用框架结构网页了吧。但我们在应用框架网页时常常会碰到这样的问题，即随着浏览分辨率的改变，原有的框架布局以及框架内各页面的布局会变得面目全非，尤其是在各页面内有图片的情况下，情况更为严重。在800×600分辨率下显示正常的框架网页，到1024×768分辨率下就变了形。现在电脑用户的显示器基本上是15英寸和17英寸的，用户使用的浏览分辨率也是800×600与1024×768占大多数。如果我们将同样内容做成适应两种分辨率的两个页面，那太费事了(除非大型专业网站)。如果在网页中添加Script代码，将浏览器分辨率设为固定值(见第12期《电脑报》D3版《浏览器宽度自己设》一文)，但由于框架网页不支持这类代码而不能凑效。如何解决这个难题呢？只要我们使用框架网页中的Cols列宽标记、Rows行高标记，加上两个造型或定位页面就行了。

　　我们仍以横幅、目录、正文式框架为例说明。

　　首先，新建一个空白网页，用于造型、定位。代码为：

　　＜html＞

　　＜head＞

　　＜/head＞

　　＜body＞

　　＜/body＞

　　＜/html＞

　　我们将它保存为t_dummy.htm。假设已建好的横幅页面为top.htm、目录页面为left.htm、正文页面为mainFrame_01.htm，则定位框架页面代码为：

　　＜html＞

　　＜head＞

　　＜title＞定位框架网页测试页＜/title＞

　　＜/head＞

　　＜frameset cols="*,800,*" framespacing="0" bordercolor="#000000"＞

　　//总框架，列宽分为左中右三部分，中间固定为800像素，左右未定。

　　＜frame name=“"dummy1" scrolling="no" src="t_dummy.htm" frameborder="NO"＞

　　// 位于左边的造型、定位页；

　　＜frameset rows="100,*" frameborder="NO" border="0" framespacing="0" bordercolor="#000000"＞

　　//插入框架，行高分为上下两部分，上部100像素用于显示横幅页；

　　＜frame name="top" marginwidth="2" marginheight="0" src="top.htm" scrolling="no" target="contents"＞

　　＜frameset cols=“150,*” frameborder=“NO” border=“0” framespacing=“0” bordercolor=“#000000”＞

　　//插入框架，列宽分左右两部分，左边固定为150像素用于显示目录页，右边用于显示正文页。

　　＜frame name="left" scrolling="AUTO" src="left.htm" frameborder="NO" target="mainFrame"＞

　　//目录页内容在正文页小框架显示；

　　＜frame name="mainFrame" src="mainFrame_01.htm" frameborder="NO" target="_self"＞

　　＜/frameset＞

　　＜/frameset＞

　　＜frame name="dummy2" scrolling="no" src="t_dummy.htm" frameborder="NO"＞

　　//位于右边的造型、定位页

　　＜/frameset＞

　　＜noframes＞＜body bgcolor="#FFFFFF"＞

　　＜/body＞＜/noframes＞

　　＜/html＞

　　为保证目录页left.htm的超链都能在正文页小框架显示，我们仍要在left.htm页的＜head＞＜/head＞中间加上＜base target="mainFrame"＞。大功告成，试试看吧！