En la barra de documentos en la esquina superior derecha vemos tres botones que modifican la vista de trabajo del documento:

“Codigo”, “Dividir” y “Diseño”:

 

Son las tres formas que Dreamweaver nos permite visualizar el documento para su edición.

En la vista “ Código ” Dreamweaver nos muestra el código HTML de la página y nos permite editar directamente las instrucciones con las que el navegador del usuario mostrará la página.

 

Mas adelante veremos que significa esto exactamente.

En la vista “ Diseño ” Dreamweaver nos muestra la página tal como se visualizará en el navegador del usuario, podemos editarla sin necesidad de conocer el lenguaje HTML.

Por último, la vista “ Dividir ”, nos muestra simultáneamente el código y la vista de diseño, de esta manera podemos escribir instrucciones en lenguaje HTML en la página e instantáneamente comprobaremos como se visualizaría en un navegador.

De toda maneras si queremos ver en pantalla completa como se visualizaría la página podemos pulsar en el icono de previsualización

 

Y Dreamweaver abrirá una ventana del navegador que tengamos asociado por defecto y nos mostrara la pagina completa. En la ventana de previsualización podemos detectar tanto los errores de diseño como los de código, y directamente corregirlos en la aplicación de Dreamweaver sin tener que grabar y abrir el documento con cada prueba