制作一个简单的企业网站首页。
应用实例
用Div+CSS布局技术制作一个简单的企业网站的首页，最终效果如图10-34所示。
■ 图10-34简单的企业网站首页效果
制作步骤如下。
(1) 通过构思分析先在白纸上画出本例要建立的页面布局示意图，如图10-35所示。
■ 图10-35页面布局示意
(2) 新建Dreamweaver空白文档，命名为index.html。将视图模式切换到代码视图或拆分视图，在body标记之间输入下列代码，建立本例的HTML结构，如图10-36所示。下面通过设置CSS属性对每个Div的位置和内容进行控制。
■ 图10-36建立首页的基本结构
(3) 在head标记之间输入代码: ，然后在style标记之间输入下列CSS代码，先设置container层的属性，顾名思义，container层是一个大容器，“margin: 0 auto”使得容器居中显示，也就是实现页面居中效果。
(4) 构建top层。可以通过下面3步完成top层的建设。
① 通过分析画出top层布局示意图，如图10-37所示。
■ 图10-37top层布局示意图
② 在body标记之间输入下列代码替换“
公安局备案号：
专属顾问
