一个非常漂亮的入门教程，布局1/5页

网页制作中，有许多方面，如HTML，DHTML，CSS，XHTML，等等。在下面的文章中，我们将使用一些基本的HTML相关知识，在你学习本课程，请确保你有一定的HTML基础。现在让我们开始使用DIV+CSS对于一步的网页布局设计的步骤。

所有设计的第一步都是构思和构思。一般来说，我们需要使用PS图象处理软件或烟花（以下简称PS或FW）等图像处理软件制作的界面布局，需要简单的布局。

接下来，我们需要根据概念图来规划页面的布局，并仔细分析图片。我们可以很容易地发现，图片大致分为以下几部分。

1，顶部，其中还包括徽标，菜单和横幅图片；
2，内容部分可分为侧栏和主题内容。
3，在底部，包括一些版权信息。
通过以上的分析，我们可以很容易地进行布局，我们的设计层如下所示：

根据上面的图片，我画了一个真正的页面布局来说明下层的嵌套关系，这样就更容易理解了。

div的结构如下所示：
这是一个HTML元素，我没有具体解释。
#集装箱{} / * * /页面容器
#头{} / * * /有头页
# pagebody {} / * * /主页只是
#边栏，{} / / / *歌侧边栏
主要内容#主体{} / * * /
#页脚{} / * * /在页的底部。

此时，页面的布局和规划已经完成，接下来我们要做的就是开始编写HTML代码和CSS。