Ghost32 - 安全的系统软件下载站!

ghost32怎么安装系统|装机必备|最新专题|最近更新

当前位置:首页 > 系统文章 > 软件教程

在Dreamweaver CS5中制作网页框架的教程

时间:2018-12-12 09:31:28 来源: 点击:
手机扫码继续观看
在Dreamweaver CS5中制作网页框架的教程

Dreamweaver cs5是一款制作网页十分方便的工具,你可以用它制作出跨越传统限制的网页,大大增加了制作网页的方便程度,以及美观性,现在办公Dreamweaver已经是必不可少的工具了,那怎么在Dreamweaver CS5中制作框架那?很多小伙伴还不清楚,今天为了帮助大家,小编特意带来在Dreamweaver CS5中制作网页框架的详细教程,希望能够帮助到你们哦!

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

选择插入html框架对齐上缘

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

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

 

在Dreamweaver CS5中制作网页框架的详细教程

 

以上就是在Dreamweaver CS5中制作网页框架的详细教程,希望可以帮到大家,关注“”精彩资讯教程不间断。

 

 

小编推荐:

Adobe Dreamweaver CS5破解版免费下载:https://www.ghost32.net/soft_tx/5656.html

Adobe Dreamweaver CS5 (32/64位):https://www.ghost32.net/soft_tx/1863.html

上一篇:如何在dreamweaver cs6 中建立 Html5格式的页面

下一篇:ps调整图片清晰度 Photoshop CS6调整灰蒙蒙的图片教程

相关文章

网友评论(共有 0 条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!

最新评论