现如今，网页制作以及建站成了人人需要掌握的技能，小编也从各方面得到需求说，以前有过PS的入门教程，现在能不能做一个DW的入门教程。那么从今天开始，小编将用一些时间，为大家带来DW的入门教程。只要能坚持，你也能成为大神。方法/步骤1/10分步阅读

刚开始，我们说过div具体是指哪一种操作，今天详细说一下，div到底是个什么东西。我们还是看一下一个具体的网页。

2/10

好，这个主页，我们可以将它分为好几个框架分布，如下图。

3/10

一般情况下，网页都是这样制作而成的。那么，div命令，我们就可以理解为框架的意思。也就是网页划分的一个重要组成元素。当然，代码的实现还是：

div

/div

4/10

当然，刚刚说了，所有的div命令，会有层次之分，如果我们不对每个div进行定义或者命名，那么div命令本身也无法区分自己，所以还要在后边输入属性代码，比如：

div id=contain

5/10

这时，我们应该对这个id进行定义，定义当然应该在css文件中进行，因为要运用到整个网站主页。在css中，定义的语法规则为：

#contain

6/10

定义完后，在后方输入英文的{},{}中定义属性，我们还是定义北京：

{background-color:#999}

7/10

你会发现，在预览视图中，会有灰色的背景色的div框，但是F12预览却没有，这是为什么呢？

8/10

这时因为我们之定义了一个框架，但是没有定义div的格式以及宽高等。我们重新定义一下，比如：

#contain{width:968px;height:800px;background-color:#999}

9/10

看一下效果：

10/10

下一节，我们会讲述div命令如何居中，以及怎样去掉头尾缝隙等。

DREAMWEAVER网页教程CSS