正 文

用Dreamweaver快速搭建框架型网站页面


www.7dspace.com  更新日期:2005-8-16 8:00:12  七度空间


  一、 框架介绍

  框架页面是由一组普通的Web页面组成的页面集合,通常在一个框架页面集中,将一些导航性的内容放在一个页面中,而将另一些需要变化的内容放在另一个页面中。使用框架页面的主要原因我想大概是为了使导航更加清晰,使得网站的结构更加简单明了。我们看一下下面的这个网站例子,如图一所示。

(图一、框架结构页面实例)

  这个页面是由上中下三部分组成的一个框架集,最上面的是此站点的栏目导航,点击不同的栏目,相应的栏目内容会出现在中间的框架子页面中。最下面是此站点的一些相关信息页面导航,点击每个栏目后,信息也会出现在中间的主框架页面中。这样的框架组合可以保证整个站点的栏目始终都出现在浏览者的视线中,使浏览者的注意力更多的集中在框架集的中间部分,既栏目内容。

  二、 如何创建框架页面

  下面我开始介绍快速搭建框建结构页面的主要步骤,需要指出的是通往目的地的路千条万条,我只介绍我最常走的路:)在Dreamweaver4中的Object面版中新增了Frames面板,我们可以利用此工具方便快捷的创造我们的框架页面。

  我们知道框架结构的页面都是由多个单独得页面组成,因此在制作框架页面之前最好先将组成框架的各个单独得页面建好。首先看一下我们最终得页面,如图二所示:

(图二、最终的实例页面)

  我们这个实例中将需要三个单独得页面,最顶端的top.htm页面,下方左边的导航页面Left.htm,下方右边的内容页面Main.htm。下面分步介绍创建的具体步骤:

  1、在Dreamweaver的站点窗口分别创建三个空的页面,分别命名为。Top.htm、Left.htm、Main.htm。

  2、打开Main.htm页面。将Object面板切换到Frames面板,如图三所示;

(图三、Frames工具面板)

  执行菜单Window—Frames打开框架结构面板,如图四所示;


上一篇:Dreamweaver 8 样式呈现工具栏惊鸿一瞥
下一篇:Dreamweaver 8 新功能抢先预览
作者:梦觉  来源:bitgenius.com ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐