Dreamweaver是一款制作网页十分方便的工具,你可以用它制作出跨越传统限制的网页,大大增加了制作网页的方便程度,以及美观性,现在办公Dreamweaver已经是必不可少的工具了,那怎么在Dreamweaver CS5中制作框架那?让我们来看一下。

软件名称:
Adobe Dreamweaver CS5 简体中文绿色版
软件大小:
86MB
更新时间:
2012-06-06立即下载

1、首先新建一个html文件,注意这个文件只是起到一个草稿的作用。

Dreamweaver CS5怎么设计制作网页框架?

2、选择插入—html—框架—对齐上缘 

PS:我这里选择的是上下结构的框架,如果您需要其他类型的框架请自行选择。

Dreamweaver CS5怎么设计制作网页框架?

3、这个是每个框架的名称,你可以选择自己进行设置,也可以选择默认,如果框架较多的话我建议自己设置名称。

Dreamweaver CS5怎么设计制作网页框架?

4、右下角如果没有框架窗口的话,选择窗口—框架开启框架窗口。这样有利于你对框架的编辑

Dreamweaver CS5怎么设计制作网页框架?

5、你可以在右侧选择框架对每一个框架进行编辑。如修改大小,颜色,边框等。便于你接下来排版的操作。

Dreamweaver CS5怎么设计制作网页框架?

6、两个框架中间这条线按住拖动可以用来调整框架的大小,你也可以对这条线进行编辑颜色,大小,然后选中这条线,你就选中了所有的框架。

Dreamweaver CS5怎么设计制作网页框架?

7、点击文件,选择框架集另存为这样你就保存了所有的框架。否则你需要每一个都要进行保存。

Dreamweaver CS5怎么设计制作网页框架?

8、这样你就新得到一个html的文件,你可以对它进行命名,里面包含了你制作的框架。

Dreamweaver CS5怎么设计制作网页框架?

9、每一个框架都是单独的一个文件,如果不用框架集另存为的方法你也可以每个框架都进行保存。

Dreamweaver CS5怎么设计制作网页框架?

注意事项:

每一个框架都是单独的一个文件注意保存。

相关推荐:

Dreamweaver代码提示功能怎么开启?

Dreamweaver项目列表前面的项目符号去掉小圆点?

dreamweaver cs5怎么给网页制作图片的挤压效果?

标签:
Dreamweaver,网页

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
评论“Dreamweaver CS5怎么设计制作网页框架?”
暂无“Dreamweaver CS5怎么设计制作网页框架?”评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。