大家今天来跟大伙儿唠唠，我是咋用Dreamweaver（简称DW）这老伙计来建网站的。别看现在新工具层出不穷，DW这经典玩意儿，有时候还真挺顺手。下面就一步步给你们说说我的实操过程。

第一步：新建站点

我打开DW，这界面，熟的不能再熟。点击“站点”->“新建站点”，给咱这新网站起个名儿，再选个文件夹，以后网站的文件就都搁这儿。这一步，就跟盖房子打地基一样，得整明白。

第二步：规划页面

我开始琢磨着这网站大概要有哪些页面。一般，首页（*）是少不的，然后可能还有“关于我们”、“产品展示”、“联系方式”等等。我就先在刚才选的那个文件夹里，新建几个HTML文件，把这些页面给占上坑。

第三步：设计首页

重头戏来！我开始倒腾首页。在DW里打开*，先用“插入”菜单里的各种表格、DIV啥的，把页面的大框架给搭起来。这就像搭积木，先把大块儿的放再慢慢填细节。

我喜欢用设计视图，直接拖拽元素，调整位置和大小，所见即所得，特方便。偶尔也得切换到代码视图，微调一下代码，让页面更完美。

第四步：填充内容

框架搭好，我就开始往里头填东西。图片、文字、链接……一样样往上加。图片，我一般会先用Photoshop处理再导进来。文字嘛直接在DW里编辑，调整字体、颜色、大小啥的，都挺方便。

第五步：制作导航栏

一个网站，没个导航栏可不行。我通常会用DW的

和
• 标签来做导航。先用
  创建一个无序列表，然后在里面用
  • 放上各个页面的链接。再稍微调整一下样式，让它看起来更像个导航栏。

    我这里分享一个自己的小技巧，你可以参考一下我的写法：

    <ul>
    <li>首页</li>
    <li>关于我们</li>
    <li>联系方式</li>
    <li>公司产品</li>
    </ul>
    

    第六步：完善其他页面

    首页搞定，其他页面就好办。我按照首页的风格，把其他几个页面也一一完善。这一步，就跟装修房子一样，每个房间都得收拾利索。

    第七步：测试与发布

    所有页面都做完后，我会在DW里预览一下，看看效果咋样。然后在不同的浏览器里打开看看，确保兼容性没问题。一切OK后，我就把整个网站上传到服务器，大功告成！

    咋样，听起来是不是还挺简单的？用DW建网站，就跟搭积木一样，一步步来，慢慢就能搞出一个像模像样的网站。这只是个入门级的流程，要想做出更炫酷、更复杂的网站，还得不断学习、不断尝试。好，今天就分享到这儿，希望能给你们带来点儿帮助！