Dreamweaver里有“代码”、“拆分”和“设计”三种工作方式，如下图：

　　Dreamweaver里的三种编辑模式

　　在“代码”模式的编辑界面，其中，只能通过下方的代码局域，进行针对HTML代码页面的设计。但是，这种模式无法在Dreamweaver界面里看到当前设计的网页的效果，需要在运行页面之后，才可以看到页面效果有没有达到设计的要求。

　　而在Dreamweaver“设计”模式的编辑界面里，可以通过“所见即所得”的方式开发HTML页面。在这种方式下，我们所做的一切设计，都可以很直观地看到效果，这样就能很方便地对网页进行调整。但是这种开发方式只适合做页面设计，如果需要在开发HTML页面时加入与HTML无关的代码，就不大方便了。设计模式如下图：

在一般的网页开发过程中，我们大多采用“拆分”的模式，如下图：

　　因为在这种模式中，可以通过上方的代码编辑窗体来设计代码部分，而设计好的效果，能够实时地在下方的“界面”编辑窗体里显示出来，这样就没有了以上两种模式的缺点，同时还集中了它们的优点，是开发更加便捷、快捷。