Ambiente Visual

Secuencia didáctica #2
Punto1.-

Punto3.-
La barra de herramientas
La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o pre visualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de lavista que seleccione. 
* Para ver u ocultar la barra de herramientas, elija en el menú Ver la opción Barra de herramientas.
* Para ver sólo código en la ventana de documento, haga clic en el botón Vista de código.
* Para ver una vista que contenga las vistas de Código y de Diseño, haga clic en el botón Vistas de código y diseño.
* Para ver sólo la vista de Diseño, haga clic en elbotón Vista de diseño.
* Para introducir un título para el documento, utilice el campo Título. Si el documento ya tiene título, éste aparecerá en dicho campo.

El panel objetos
Este panel contiene botones que permiten la creación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El panel contiene siete categorías de forma predeterminada: Común, Formularios,Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores.

Para cambiar de categoría dé clic sobre alguna de las pestañas situadas en la parte superior del panel.
Si desea insertar un objeto en el documento haga clic en el correspondiente botón del pánel o arrastre el ícono delbotón hasta la ventana de documento. Dependiendo del objeto, aparecerá un cuadro de diálogo en el cual se le pedirá que seleccione o inserte el archivo u objeto deseado.
Si desea insertar un marcador de posición mantenga presionada la tecla Control mientras da clic en el ícono para insertar el objeto. (Por ejemplo, para insertar un marcador de posición para una imagen sin especificar un archivode imagen, mantenga presionada la tecla Control y haga clic en el botón Imagen.)
Nota: Esto no permite omitir todos los cuadros de diálogo. Algunos objetos, como las barras de navegación, las capas, los botones Flash, los marcos, etc., no insertan marcadores de espacio.
Inspector de propiedades
El inspector de propiedades permite examinar y editar las propiedades del elemento que estéseleccionado actualmente, puede ser un objeto o texto. Es posible seleccionar los elementos en la ventana de documento o en el inspector de código.
La mayoría de los cambios realizados en las propiedades se aplicarán de inmediato en la ventana de documento. (Para algunas propiedades, los cambios no se aplican hasta que se hace clic fuera de los campos de texto de edición de la propiedad, se presiona Entero se presiona Tab para cambiar a otra propiedad.)
El contenido del inspector de propiedades varía en función del elemento seleccionado. Si quiere obtener información sobre propiedades concretas, seleccione un elemento en la ventana de documento y, a continuación, haga clic en el icono Ayuda, situado en la esquina superior derecha del inspector de propiedades.
El inspector de propiedades muestrainicialmente las propiedades del elemento seleccionado que se utilizan con mayor frecuencia; para ver todas las propiedades haga clic en la flecha de ampliación situada en la esquina inferior derecha del inspector de propiedades, para ver más propiedades del elemento.

Secuencia didáctica #3
Punto 1.-
La vista previa multipantalla de Dreamweaver proporciona una vista previa de la página queestá editando actualmente tal y como aparecería en dispositivos con diferentes resoluciones de pantalla.
Para abrir el panel Vista previa multipantalla, seleccione Archivo > Vista previa multipantalla.
La vista previa multipantalla admite los siguientes tipos de pantallas:
* Teléfono (tamaño de pantalla predeterminado: 320x300 píxeles)
* Tableta (tamaño de pantalla predeterminado:...