DW网页设计100例3：巧用框架建立网站

2008-02-23 06:12:50来源：互联网阅读 ()

有时看到一些论坛，左边是每个讨论区的名称，点击任意一个讨论区就能够在右部区域中看见相应讨论区的内容，但是左右部分是单独显示的，比如拖动左边的滚动条不会影响右侧的显示效果。其实这是在页面中利用了框架技术，因此能够把浏览器的显示空间分割为几个部分，每个部分都单独显示网页内容。而且把几个框架结合在一起构成框架集，能够让页面具备更为丰富的效果。

效果说明

先建立两个页面，分别为“ myphoto.htm ”、“ mydiary.htm ”。前一个是相册页面，后一个是日记页面。再建立一个含有框架的页面，并添加导航栏。

创作思想

打开 Dreamweaver MX 2004 软件新建两个页面，在左边输入导航文字：“网站首页、我的日记、我的相册”，在每个相对应的页面输入相对应的文字，比如网站首页链接的页面内容，就输入“我的网站首页”。再建立一个新页面，单击【布局】中的框架图标，建立左右框架，然后保存页面，在左框架建立网站导航栏，在右框架随便输入文字，接着再次保存页面。

操作步骤

（ 1 ）打开 Dreamweaver MX 2004 软件新建文档，具体操作如图 3-1 所示。