手机
当前位置:查字典教程网 >平面设计 >平面其他 >dreamweaver8插入网页布局框架并全部保存方法介绍
dreamweaver8插入网页布局框架并全部保存方法介绍
摘要:dreamweaver8是一款非常优秀的可视化网页设计布局软件。在日常开发当中,经常会遇到框架布局(如:上下布局,上左右布局;上下左右布局等...

dreamweaver8是一款非常优秀的可视化网页设计布局软件。在日常开发当中,经常会遇到框架布局(如:上下布局,上左右布局;上下左右布局等等)。这篇教程是向查字典教程网的朋友介绍dreamweaver8插入网页布局框架并全部保存方法,一起来看看吧!

方法/步骤

1、打开dreamweaver8,并新建一个html网页;

dreamweaver8插入网页布局框架并全部保存方法介绍1

2、点击:插入菜单,然后选择HTML项;

dreamweaver8插入网页布局框架并全部保存方法介绍2

3、紧接着,在对应的下拉菜单选择框架,及所需要的布局(如:上方及左嵌套等);

dreamweaver8插入网页布局框架并全部保存方法介绍3

4、完整选择示例如下:

dreamweaver8插入网页布局框架并全部保存方法介绍4

5、为了区分,给每框架设置背景颜色;

在对应的框架区域,鼠标右键->页面属性->选择背景颜色->点击确定即可。

dreamweaver8插入网页布局框架并全部保存方法介绍5

6、框架布局插入成功,如果还想加入其他设计布局,只需在相应的框架部位继续插入,修改布局即可。

dreamweaver8插入网页布局框架并全部保存方法介绍6

7、最后保存框架:

点击文件菜单,选择保存全部;

dreamweaver8插入网页布局框架并全部保存方法介绍7

8、保存后的网页,有Frameset的即是框架主页;

dreamweaver8插入网页布局框架并全部保存方法介绍8

注意事项

注意:保存全部的时候会多次弹出保存对话框,每次都要点击保存,并且位置一致。

以上就是dreamweaver8插入网页布局框架并全部保存方法介绍,方法很简单,希望能对大家有所帮助!

【dreamweaver8插入网页布局框架并全部保存方法介绍】相关文章:

插画类设计窍门:制作有趣生动引导页插画

5种经典的网页设计布局方式

九款适合电商Banner专用的中文字体

设计师必看:高逼格版式设计方法介绍

交互设计师必看:设计出易用触控手势的五大要点

从3个方面浅谈在设计中设计规范与原则的思考

怎样运用颜色能够让我们的设计看起来更时尚?

浅析网页设计中的光影关系 发现设计之美

零基础新手:安全配色技巧和方法分享总结

干货:版式设计理论(小红书)

精品推荐
分类导航