Unidad 2. El entorno de Dreamweaver CS6 (V)

- La vista Dividir

La vista Dividir permite dividir la ventana en dos zonas: Código y Diseño. La zona izquierda muestra el código fuente, y la derecha el editor visual. Cuando se realiza un cambio en alguna de las zonas, este cambio se aplica directamente sobre la otra.

 

- La Vista en vivo

La vista en Vivo es una mejora reciente de Dreamweaver. Nos ofrece una vista del resultado final no editable. A diferencia de la vista Diseño, que nos permite editar los elementos, esta vista nos permite interactuar con ellos, tal como lo haríamos con el navegador.

La función de esta vista es la de ahorrarnos tiempo, al no tener que comprobar que pequeños cambios se previsualizan correctamente en el navegador.

No obstante, siempre hay que comprobar la página con los principales navegadores del mercado 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 el navegador. También es conveniente comprobar la página con los distintos tamaños de pantalla, teléfono móvil, tablet y PC.

 

- La vista Código en vivo

Esta vista se emplea conjuntamente con la Vista en vivo. Divide la pantalla como la vista Dividir, pero sin que podamos editar el código. Lo que hace es que al seleccionar partes de la web en la Vista en vivo, se seleccione su correspondiente código fuente y refleja los cambios dinámicamente al interactuar con la página. Si además pulsamos el botón podremos ver los estilos asociados a cada elemento. Por ejemplo, al colocar el cursor sobre un párrafo podemos ver sus márgenes, como se aprecia en la siguiente imagen.

 

2.5. La ayuda

A través del menú Ayuda puedes ir a varias opciones, veamos algunas de ellas:

• Si seleccionas la opción Ayuda de Dreamweaver o simplemente pulsando F1 se accede a la ayuda en línea de Adobe Community Help donde puedes buscar por temas o por búsqueda de palabras clave, .
• Ayuda de Business Catalyst que es un sistema de alojamiento de páginas web con funciones adicionales. Es de Adobe y hay diferentes opciones de pago al mes.
• Ayuda de Spry Framework. Veremos Spry Framework a partir de la unidad 14.
• Referencia abre un panel en el que encontrarás la sintaxis y descripción de las etiquetas HTML.
• Acceder al Centro de soporte de Dreamweaver en la web.
• Dreamweaver Exchange es un sistema para compartir extensiones.
• Acceder al Foros en línea de Adobe.

Además, en la barra de aplicación encontramos una caja de búsqueda. Al introducir los términos de la búsqueda y buscar, iremos a la ayuda online de Adobe.

Prueba evaluativa de la Unidad 2