创建框架
一些网页设计师在其页面上使用框架,旨在设计和提高网站的用户友好性。框架使得浏览网站时不易迷失方向。当网页的一部分保持不变,而另一部分在点击链接时发生变化时,您就知道使用了框架。要查看带有框架的网页,请访问伯奇水族馆。
在伯奇水族馆的页面中,页面的顶部和底部保持不变,而中间部分则根据所选链接而变化。这个页面被分成三个框架,这意味着同时显示三个不同的HTML文档。您可以选择将页面分成多少个部分、以何种方式分割,以及每个框架中要包含哪些HTML文档。
广告
首先,妥善规划您的页面非常重要。从行和列的角度考虑布局。您想显示多少个水平部分(即行)?多少个垂直部分(即列)?您估计每个部分需要多少空间(以像素或百分比计)?
框架集文档。框架集文档是一种HTML文档,它指示浏览器以特定方式排列网页内容。在框架集文档中,"frameset" 标签会替换 "body" 标签。
您将以常规的HTML格式开始框架集文档
<html><head><title>标题</title></head>
接下来,插入 "frameset" 标签
示例: <frameset rows="20%, 80%">
这个标签表示页面将分为两个部分,一个顶部和一个底部,如标签内的两个值所示。如果需要三行,则应包含三个值
示例: <frameset rows="10%, 50%, 40%">
这些数值告诉浏览器每个部分在浏览器窗口中应占据的空间量。您可以使用百分比值或像素值。也可以使用“*”代替值,表示特定部分可以使用浏览器窗口中所有可用的空间
示例: <frameset rows="100, *, 50">
这个标签表示页面将分为三行。第一个(顶部)框架将占据100像素的空间,底部框架将占据50像素的空间,而中间框架将占据浏览器窗口中所有剩余的空间。
如果您的页面要分成多列,请使用列的框架集标签以及数值
示例: <frameset cols="200, *">
这个标签告诉浏览器将页面分成两列。左列将占据200像素的空间。右列将占据浏览器窗口中所有剩余的空间。
您还可以结合使用框架集行和框架集列来创建相当复杂的布局。框架集文档的“嵌套”将在本文后面讨论。