dw借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站 。可以通过自定义模板来构建 HTML 电子邮件、“关于”页面、博客、电子商务页面、新闻稿和作品集 。对于初学dw软件的小伙伴们来说,需要从基础的操作技能开始学起,本文小编来教大家用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的操作方法和步骤,对于新手小伙伴们来说,需要熟练掌握运用其中的基础操作技能,为进一步学习打下扎实的基础 。
推荐阅读
- DW中的快捷键该怎么导出/修改/删除?需要记住的快捷键是哪些?
- 刻画信息的方法有哪些?有哪些类型?
- 什么是互补色?运用互补色的方法是什么?
- 如何设计字体?有哪些方法技巧?
- 画册的排版技巧有哪些?有什么方法?
- 如何设计logo?有哪些流行的风格?
- 栅格系统的目的是什么?有什么作用?
- 什么是动态logo?如何应用?
- 中心构图是什么?中心构图有什么特点?
- 后台系统做响应式的目的是什么?有哪些应用?