dw制作网页的时候怎么定义主题div?操作步骤有哪些?

dw借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站 。可以通过自定义模板来构建 HTML 电子邮件、“关于”页面、博客、电子商务页面、新闻稿和作品集 。对于初学dw软件的小伙伴们来说,需要从基础的操作技能开始学起,本文小编来教大家用dw制作网页的时候怎么定义主题div 。

dw制作网页的时候怎么定义主题div?操作步骤有哪些?

文章插图
以下我们需要做的是一些关于网站主体部分的划分,操作步骤如下:
1、首先我们需要从电脑中打开dw软件 。
2、主题部分的划分就一定会用到body的代码,我们需要在body之间输入两个关于div的代码 。
3、将body部分划分为2栏需要定义不同的body,起名一个“l”一个“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跑到下方去了,是因为我们忘记了float的命令 。这时候我们需要加上边距margin,然后插入float命令 。
7、完成之后虽然并排排列了,但是两个div黏在一起有点无法分辨,这时候我们需要加入 margin-left:20px 这个语句 。
设置为距离左侧20像素,然后预览查看 。
【dw制作网页的时候怎么定义主题div?操作步骤有哪些?】以上就是关于dw制作网页的时候怎么定义主题div的操作方法和步骤,对于新手小伙伴们来说,需要熟练掌握运用其中的基础操作技能,为进一步学习打下扎实的基础 。

    推荐阅读