Dreamweaver教程:框架技术

2008-02-23 06:18:11来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

框架技术

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

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

下面我们就来从头开始制作一个框架。(以左右框架结构为例)

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

或在插入栏>布局>选"框架:左框架"如下图:

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

2、选择「窗口」菜单>“框架”,弹出“框架”面板如下图。从框架面板可知,系统对左右框架生成命名。左框架名为:leftFrame,右框架名为:mainFrame,当然您能够通过框架属性面板对框架重新命名,了解这一点很重要。创建终极链接时,要依据他正确控制指向的页面。

3、保存框架。选择“文档”菜单点击“保存全部”。系统弹出对话框。这时,保存的是个框架结构文档。我们按照惯例都命名为index.htm。

保存的时候假如虚线框笼罩的是周围一圈就是保存框架结构。(下图)

虚线笼罩在右边就是保存框架中右边网页。(如下图)

虚线笼罩在左边就是保存框架中左边的网页:(如下图)

[1] [2] 下一页


标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver网页制作教程:终极链接

下一篇: Dreamweaver教程:Dreamweaver的插件