欢迎光临
我们一直在努力

Dreamweaver入门教程:框架技术

建站超值云服务器,限时71元/月

Dreamweaver网页制作:在浏览网页的时候,我们常常会遇到这样的一种导航结构。就是超级连接做在左边单击以后链接的目标出现在右面。或者在上边单击链接指向的目标页面出现在下面。要做出这样的效果,必须使用框架。为了更好的理解什么是框架。我们画一张示意图来进行讨论,如下图:
基本框架图1

这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。
首先外部的框架是一个文件,图中我们用index.htm命名。
框架中左边命名为A,指向的是一个网页A.htm。
右边命名为B,指向的是一个网页B.htm。

如何制作一个左右框架结构:

1、点“文件”菜单>新建,弹出“新建文档”对话框如下图:
基本框架图2

Dreamweaver MX 2004生成一个空白的框架页面,如下图:
基本框架图3

2、选择「窗口」菜单>“框架”,弹出“框架”面板如下图。

基本框架图4

从框架面板可知,系统对左右框架生成命名。
左框架名为:leftFrame,右框架名为:mainFrame,当然您可以通过框架属性面板对框架重新命名,了解这一点非常重要。创建超级链接时,要依据它正确控制指向的页面。

3、保存框架。选择“文件”菜单点击“保存全部”。系统弹出对话框。这时,保存的是一个框架结构文件。我们按照惯例都命名为index.htm。
  
保存的时候如果虚线框笼罩的是周围一圈就是保存框架结构,如下图:
基本框架图5

虚线笼罩在右边就是保存框架中右边网页,如下图:
基本框架图6

虚线笼罩在左边就是保存框架中左边的网页,如下图:
基本框架图7

三个页面保存完毕。

4、下面我们要实现按左边的超级链接,对应的页面出现在右边。在左边的页面中做上超级链接。指向一个已经存在的页面。注意做好链接以后,要在目标栏中设置为mainFrame,如下图:
基本框架图8
 

5、设置完毕,保存全部,按F12预览网页。链接指向的页面出现在右边框架中。

6、重复以上步骤,把左框架所有的链接做完,一个简单的网站导航结构创建完成。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » Dreamweaver入门教程:框架技术
分享到: 更多 (0)