如何用 Dreamweaver 制作框架网页？

正2013-09-09 18:14:24版本:1/1

2013-09-09 18:14:24版本:1/1

有些网页可以实现点击顶部或左侧菜单，所有内容都在页面右侧的主体部分刷新的效果。实现这种效果最简便的方法就是框架网页，如何用 Dreamweaver 制作框架网页？

Dreamweaver DW 框架框架网页网页

版权归作者所有。任何形式转载须联系作者获得授权。

作者：正解网

来源：正解网

链接：http://localhost:9000/question/f7bdf635

投票6好问题烂问题修改

问题状态

正解:1个

解答:1个

同问:0人

浏览:4548次

修改解答

框架网页的原理就是用一个页面利用 HTML 语言将两个或多个页面包含在其中，并使页面中的每个点击都在一个指定的框架中页面中刷新。

用 Dreamweaver 制作框架网页的方法如下：
##操作步骤
1、打开 Dreamweaver 软件，在欢迎面板上直接点击框架集，或者点击菜单栏中的「新建」。

2、在新建文档窗口中最左侧选择「框架集」，在框架集列表中随便选一个框架样式，选择「上方固定，左侧嵌套」的，右侧是预览图，然后点击确定。
![](/image/13ab3bef8dd496ba8e3dcb0d11057b60.png)

3、框架网页类型选好后，会弹出一个小窗口，在这里，为框架网页内的每一个网页定义一个标题。定义的 topframe 是「顶部框架」、leftfame 是「左侧框架」、mainframe 是「新建框架页面」。
![](/image/49e2d7d93032f9171fc61fad840ad1d7.png)

4、都定义好后，新建的框架网页就会出现在软件的设计视图部分。
![](/image/d6cb94bffe1cff1731216c12eb143f17.png)

5、接下来就是在新建的框架网页中输入相应的文字，在点击顶部框架网页时，顶部的标签也会变成该框架的标题，点击左侧和右侧的页面时，顶部都会跟随变化。 点击相应的框架页面，将它们按照框架位置全部保存下来，文件名为 top.html、left.html 和 body.html。
![](/image/039c229293decee50abc2964a6dcf5a8.png)
![](/image/35990e4e710ab1f4044ca90d76890804.png)

6、三个框架网页都保存了，但整个框架的主题部分还没有保存，可以在关闭全部页面的时候将它保存。点击保存后，将其和前面保存好的三个网页放在一个目录中，命名为 frame_page。框架网页已经创建完毕，但是链接效果还没有加。重新打开框架网页，记住，打开时要选择整体框架的页面。也可以选择文件菜单下的保存全部。

9、为了实现变化效果，先新建一个空白网页命名为 body2.html，和刚才那些框架网页放在一起，一般网页就可以了，不是框架网页。

10、然后点击顶部框架中的文字，给它添加链接，和普通网页加链接不同的一点是目标那里选择要打开的位置应该选择 mainframe 或 leftframe，这就是打开链接时所选的框架页面。
![](/image/8ac594d85adfeebe6db95976fb388cd9.png)

11、左侧框架页面也用此方法添加，然后保存，最后点击 F12 预览。

如何用 Dreamweaver 制作框架网页？

问题状态

相关问题

修改提问

修改解答

我的解答