教程初定分4个帖子：

• 选题和版式确定
• 构建DIV+CSS页面
• 布置内容
• 美化

先看看效果：http://blog.gzauto.edu.cn/topic/bianews/ (打开网速可能有点慢，请大家稍等)

这是第一期教程，以本版内容为主题做一个示范专题。然后根据大家的反馈情况，对第一期教程的内容进行调整，同时开始准备第二期教程......

我们在上一章已经把确定了专题的选题和版式。在这一章里，我们就利用Dreamweaver 8中文版，把这个框架一步步构建出来。

一、建站

在桌面上新建个文件夹"bianews"，然后打开Dreamweaver8中文版。以下操作均在Dreamweaver里进行

1. 新建站点，站点名称为“网编是怎样练成的”；本地根文件夹为桌面上的“bianews”文件夹
2. 新建页面，保存在bianews文件夹根目录，命名为“index.html”；编码为utf-8
3. 新建css，保存在bianews文件夹根目录，命名为“index.css”

好，建站准备工作到此结束......