Dreamweaver基本实例教程之行为主体的细分技能

日期:2020-08-28 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

目前,网页页面制做和建网站变成人人必须把握的专业技能,网编也从各层面获得要求说,之前有过PS的新手入门实例教程,如今能不可以做1个DW的新手入门实例教程。那末从今日刚开始,网编将用1些時间,为大伙儿带来DW的新手入门实例教程。要是能坚持不懈,你也能变成高手。

手机软件名字:
Adobe Dreamweaver CS5 简体汉语翠绿色版
手机软件尺寸:
86MB
升级時间:
2012-06-06马上免费下载

1、自然,假如大家要细分body,最先就要从body-l刚开始细分。

2、各自键入编码:

 <div class="body1"></div>

            <div class="body2"></div>

3、随后大家键入文本,即将对div开展界定。界定自然在main文档中开展。

4、接下来便是界定宽和高这些基础的物品了,大家以前基础都说过。立即上编码:

.body1{font-size:12px;color:#FFF;width:220px;height:240px;background-color:#666}

5、看看实际效果,假如大家必须两个div分对外开放置,应当如何开展编写呢?实际上较为简易,只必须1行编码:

margin-top:10 px

6、键入编码后,大家会看到,两个div刚开始隔开起来。右边自然也是一样的实际操作方式。

7、大家刚开始取名body2

8、随后在main中界定它的款式特性。界定句子以下:

.body2{font-size:12px;color:#FFF;width:354px;height:240px;background-color:#666;margin-top:10px;float:left;margin-left:10px;}

9、看下实际效果吧。

有关强烈推荐:

DW怎样制做1个简易的竖直导航栏?

Dreamweaver制做网页页面的情况下如何界定行为主体div?

dreamweaver中如何互动图象? dw制做电脑鼠标历经图象换图的实例教程