Dividir Vistas

La vista Dividir 

La vista Dividir permite dividir la ventana en dos zonas: Código y Diseño, o bien Código y En vivo. La zona derecha muestra el código fuente, y la izquierda el editor visual. Cuando se realiza un cambio en alguna de las zonas, este cambio se aplica directamente sobre la otra. Sin embargo, la edición tanto del código como del editor visual son distintas si se utiliza Código y Diseño o Código y En vivo. Dependiendo de la combinación de botones, trabajaremos de modo distinto.

- La Vista en vivo 

La vista En vivo ha sido considerablemente mejorada en esta nueva versión de Dreamweaver. Ofrece una vista prácticamente idéntica al resultado final (por lo menos para el navegador Chrome, ya que usa el mismo motor de navegación que éste), pero además ahora es posible hacer en ella modificaciones al diseño, arrastrar y soltar imágenes y otros elementos, cambiar propiedades del texto, etcétera, tal y como estudiaremos en su momento.

La función de esta vista es la de ahorrarnos tiempo, al no tener que comprobar en un navegador el resultado de cualquier cambio.

No obstante, siempre hay que comprobar la página con los principales navegadores del mercado, además de Chrome, que serán los que emplearán nuestros visitantes. De hecho, a lo largo del curso verás cómo algunos elementos se ven de forma muy distinta si los vemos en la vista de diseño, en la vista en vivo o en distintos navegadores. También es conveniente comprobar la página con los distintos tamaños de pantalla, teléfono móvil, tablet y PC. En la siguiente imagen puedes ver la edición de una etiqueta HTML directamente desde esta vista.