在如何建一个网站中，网页设计的理论常常比理论更有用。上期讲了CSS的根底局部，这次我们就来理解一下在建立网页中应该留意哪些事项，并理解一下如何调整一下规划的参数。 
　在这里在此提示一下，在这里解说的学问是针关于对网页设计感兴味的新手，当然老手也能够看看思念一下刚接触网页设计时的感受。

　首先翻开网页制造必备工具dreamweaver，新建一个HTML的文档，接下来在页面中插入一个div标签，在工具栏上就能够找到，在翻开对话框中id项给div重新命名，能够依据本人的需求来命名，不过在设计多个网页时，好统一命题，便当以后管理。在这里我就以look来命名。

　完成标签插入以后，在点击CSS款式面板以后调整预览大小与位置，参数为宽：500，高：300。为了更好的表现效果，能够调试一下背景的颜色。这个是直接的操作，在代码中也能够直接的编辑，当然效果是一样的。在这里我就罗列出来代码，让同窗们熟习一下。

　在代码中的编码言语下会显现：

　/style type=\"\"text/css\"\"

　/#look { height:300px; width: 400px; background: #99FFcc; }

　//style

　当然你也能够直接写出代码，在插入这个位置，也能够直接的做出这样的效果，只需你有自信，你就能够选择这种方式。

　当我们阅读我们做出的效果时，会发现这个视图是在左上角的，当然这不是我们想要的效果，那么难看。所以我们就要调整它的位置，你能够选择去调整look的CSS规则定义，也能够在代码中敲几个字母，我个人倾向于敲代码，由于简单只需求在颜色的后面加上margin: auto;

　/#look{ height: 300px; width: 400px; background: #99FFcc; margin: auto; }

　这样你就能够在你的效果图上，看到你的视图曾经在中心的位置显现了。

　在制造中，有时分你会发现直接在代码上编辑，会比直接操作跟简单。像，在我们的视图取消了宽度，它并不会默许的调整到与阅读器同宽。它还是会空出来一条白边，这就是有body默许的外边距形成的。当我们不用任何款式表停止定义时，body，h1－h6，ul等元素默许有外边距或其它款式的。这里我们只需求在上一条代码上面插入：body {margin:0;}，就能够把body默许的外边距去掉，再预览一下，白边就没了。想要在次调整白边，能够直接在这个代码的数字位置调整数值就好了。

　到这里有同窗就会问了，能够在这个文档中，显现多个视图吗？，就像一个网页有几个局部显现不同的信息。在这里当然能够了，只需求调整一下代码就好了，先给每个局部命名，在这里留为：头部（header）、主体（maincontent）、底部（footer）

　代码如下：

　/body { margin:0; padding:0;}

　/#header { margin:5px auto; width:500px; height:80px; background:#9F9;}

　/#main { margin:5px auto; width:500px; height:400px; background:#9FF;}

　/#footer { margin:5px auto; width:500px; height:80px; background:#9f9;}

　只需在同样的位置插入，这个代码，你就能够在阅读中看到整个视图能够分为上中下三个局部，在这里就先引见到这里，下期我们在来学习一些新的东西吧。