DW教程:Dreamweaver CS5怎么设计制作网页框架?

 2016年12月29日 |  0 条评论 |   569

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

Dreamweaver CS5怎么设计制作网页框架?下面微部落博客分享的DW教程大家就来看看dw设计网站网页制作一个网页的框架。

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

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

DW教程:Dreamweaver CS5怎么设计制作网页框架?

注意事项:

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

DW教程:怎么使用Dreamweaver给网站图片添加alt标签?
DW教程:怎么用dreamweaver做简单的垂直导航
DW教程:Dreamweaver基础教程Dreamweaver设计网页之主体的细分技巧
DW做网站怎样设置根据不同的浏览器,返回不同的页面?
DW教程:用Dreamweaver如何实现多个窗口的连接?

文章字数统计:784 | 百度已收录

  |  幸运28微信群/Dreamweaver  


微部落博客编辑整理发布,如有侵犯您的版权,请提供相关版权证明,博主将立即删除。
·博客大全  博客网址之家  博客导航  来路IP首页展示!   ·免费收录  ·免费推广你的博客   114.vprol.com
如果本文对您有用就 打个赏吧微信 OR 支付宝 扫描二维码
pay_weixin     pay_weixin
金额随意,您的支持是我的动力~

草根站长,博客导航,博客大全,博客网站,增加网站流量
回复 取消

欢迎评论发言,灌水及广告评论将被定期删除!