1。选择doctype.

　　HTML或XTHML的最终版本是固定宽度布局和灵活布局的理想选择。请确认您已选择Doctype - 您可以成功满足此Doctype的需求来创建有效性，这样， 您可以在您的浏览器中有更好的机会正确呈现。

　　2。将内容放在页面上，并添加具有有用角色的标记

　　每个内容都需要用合适的（x）HTML元素标记。表明它是什么，例如， 一段， 一个级别标题或块引用。不要将任何标记添加到物品的性质。如字体。B或中心元素，因为它们由CSS控制。帮助徽标的许多好处之一是它可以提供更多的“钩”来连接CSS， 设置布局的样式后， 你可以获得重大好处。

　　3.使用div到组内容

　　虽然div是一个中性的蘑菇元素，但它非常适合中等添加的页面。请使用最小数量来组组织或具有主题组的大量信息。例如， 导航， 主要内容， 页脚。理想情况下，您不需要添加任何额外的div以获得视觉效果。不能考虑div的哪个位置将出现在页面上，将DIV放入源代码中最逻辑的顺序，但这种情况在现实中非常罕见。浏览器和CSS的限制使略微调整DIV以适应视觉格式。所以， 我们将在创建布局时解释适用于每个即微网站制作哪家好将到来的布局的DIV结构。

　　4.额外的一种或多种风格

　　使用页面头中的链接元素或@Import指令添加样式表。在初始开发过程中，您只需将它们放入头部的样式元素中，这些样式可以嵌入在各个页面中。接下来。当你对这些样式非常满意时，您可以将这些样式移动到外部样式表中。在创建页面动态之前将它们应用于多个页面。本书中的大多数示例文件由嵌入式样式创建。因此，文件将包含需要使用和引用的所有建设网络公司文件。完成了这些初始步骤后，您可以开始准备填写这些样式表以创建布局。