在dreamweaver中使用框架:
添加“左侧框架”, 也就是将将页面分为左右两侧,之所以叫“左侧”, 是因为在当前页面插入“左侧框架”后, 会生成一个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>
至此, 其他的框架类型产生的页面我们都可以有个清晰的认识, 而不至于乱套