全国服务热线:4008-888-888

技术知识

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

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

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

1、以前大家做过了有关头顶部题目栏和logo一部分的div分割,不知道道大伙儿还记不记得。今日大家要做1些有关网站行为主体一部分的区划,期待大伙儿紧跟随以前的思路哦。最先大家還是开启dw。

2、当然,要界定body一部分,就要用到body的编码。大家在body之间键入两个有关div的编码。

3、由于大家提前准备将body一部分区划为2栏,也就说,大家应当界定不一样的body,起名1个l1个r,界定编码以下:

           <div id="body_l"></div>

            <div id="body_r"></div>

4、结束后,大家来界定它们的款式。来到css文档,css文档关键是界定款式的,自然,由于大家界定的是id,因此这里要用#刚开始。

即:

#body_l{}

#body_r{}

大括号中就是大家必须界定的特性了。

5、界定进行款式的特性,编码以下:

#body_l{width:220px;height:500px;background-color:#FFC}

#body_r{width:220px;height:500px;background-color:#FFC}

先看下实际效果:

6、尽管大家界定的是上下,可是发现右边的div跑到正下方去了,实际上大家忘掉了1个指令,便是float。大家再加边距margin,随后插进float指令,再看。

7、能够看到,尽管并排排序了,可是两个div黏在1起,也辨别不出因此然,因此大家添加这样的句子:

margin-left:20px

让它间距左边20像素,随后预览。

8、不久好,大家分完了这些div,下节大家说1下div的再详尽区划。

有关强烈推荐:

dreamweaver怎样更改编码的字体样式尺寸?

Dreamweaver如何新建网站点地形图?dw编写站点地形图的方式

Dreamweaver创建的站点如何变更图象的默认设置文档夹部位?



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服