1、代码视图：放置特定的代码，包括CSS / DIV / JS或PHP代码可以放置在代码视图中。
2、拆分视图：主要拆分代码和代码的设计效果，这是用户在编辑代码时对特定样式进行比较的效果。
3、设计视图：只有设计部分和显示非常直观，可以看到特定部分的编辑效果。
4、实时视图：在浏览器中显示实际效果预览。
不显示代码的视图是设计视图。在Dreamweave软件中，有四种视图，分别是。1、代码视图：放置的是具体的代码，包括CSS/DIV/JS或者PHP的代码都是可以放在代码视图中。
2、拆分视图：主要是拆分代码和代码的设计效果，就是用户在编辑代码的时候做出来的具体样式的对比效果。
3、设计视图：只有设计部分并且显示的很直观，能看到具体某个板块的编辑效果。
4、实时视图：在浏览器里显示真实效果预览。
这很正常！因为不同浏览器对css或html的解释会有所不同。就拿IE和firefox来说，同样的代码，在这两款浏览器的显示结果有可能完全不同。（随着W3C的努力，各大浏览器生产商也开始主动地迎合W3C制定的统一标准，使得这种差异在逐渐减少，不过差异一直存在，不可避免）
而网页设计辅助软件（如DW）根据代码产生设计视图的原理和浏览器把代码翻译（显示）成网页的原理一样，我就不多说了。
再有，一些浏览器本身就存在bug，比如IE6。这些bug也会导致网页最终显示结果不统一。（例如IE6中的浮动元素的外边距会无缘无故的加倍，而在IE7中这个bug被修复）
现在的firefox是一款履行W3C的css标准比较不错的浏览器，设计网页时建议首先用它来查看结果，有助于更好的理解css。
