添加“左侧框架”， 也就是将将页面分为左右两侧，之所以叫“左侧”， 是因为在当前页面插入“左侧框架”后， 会生成一个frameset页面， 而且会为这个frameset生成一个左侧的frame页面， 命名为leftFrame（name="leftFrame"），然后我们保存为leftFrame.html，  而当前页面则会作为mainFrame。

在index.html页面中插入“左侧框架”：

<frameset cols="80,*" frameborder="no" border="0" framespacing="0">

  <frame src="leftFrame.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />

  <frame src="index.html" name="mainFrame" id="mainFrame" title="mainFrame" />

</frameset>

同样的， 

我们再在index2.html中插入“右侧框架”:

生成frameset页面， 保存为framset2.html, 还生成了一个右侧的frame页面 ，name="rightFrame"， 将其保存为rightFrame.html， 代码如下：

<frameset cols="*,80" frameborder="no" border="0" framespacing="0">

  <frame src="index2.html" name="mainFrame" id="mainFrame" title="mainFrame" />

  <frame src="rightFrame.html" name="rightFrame" scrolling="No" noresize="noresize" id="rightFrame" title="rightFrame" />

</frameset>

在index3.html中插入“顶部和嵌套的左侧框架”，  会是什么情况呢？

首先是分为顶部和下部， 然后将下部分又分为左右两部分。

这样的话， 第一次拆分将产生一个frame页面， （当然， frameset页面始终只有一个, 不妨将其保存为frameset3.html）， 在顶部， 第二次拆分又产生一个frame页面， 分别将其保存为topframe3.html 和leftFrame3.html.产生的代码如下：

<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">

  <frame src="topframe3.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />

  <frameset cols="80,*" frameborder="no" border="0" framespacing="0">

    <frame src="leftFrame3.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />

    <frame src="index3.html" name="mainFrame" id="mainFrame" title="mainFrame" />

  </frameset>

</frameset>

至此， 其他的框架类型产生的页面我们都可以有个清晰的认识， 而不至于乱套

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标常用软件Dreamweaver频道！