Vistas de Edición

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

“Código”, “Dividir” y “Diseño”:

 

código, dividir, diseño

 

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

En la vista “CódigoDreamweaver 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 misma.

 

Vista de Código

 

Más adelante veremos que significa ésto exactamente.

En la vista “DiseñoDreamweaver 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 todas maneras, si queremos ver en pantalla completa como se visualizaría la página podemos pulsar en el icono de previsualización.

 

Previsualización en explorador

 

Y Dreamweaver abrirá una ventana del navegador que tengamos asociado por defecto, y nos mostrará la página 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

 

Resumen multimedia de la lección 5
 

¿Te gustó? Pues comparte ;-)
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame