Dreamweaver: Introduccion
- Seleccione Archivo > Abrir.
Para crear un documento HTML vacío en una nueva ventana de documento, realice una de estas operaciones:
- En Windows, elija Archivo > Nuevo desde una ventana de documento existente o elija Archivo > Nueva ventana desde la ventana Sitio.
Si abre la vista de Código (en la ventana de documento) o el inspector de código, podrá ver que el nuevo documento no está totalmente vacío, pues contiene etiquetas html, head y body para que pueda comenzar a trabajar. Mientras escriba en la vista de Diseño de la ventana de documento o inserte objetos tales como tablas e imágenes, podrá dejar abierto un editor de código y observar cómo se crea el código HTML.
- Hacer clic en el boton abrir de la barra de herramientas estandar.
Crear un nuevo documento HTML basado en una plantilla.
La ventana de documento muestra el documento actual mientras lo esta creando y editando.
Dreamweaver puede mostrar un documento de tres formas distintas: en la vista de Diseño, en la vista de Código y en una vista dividida que muestra tanto el diseño como el código. (Puede cambiar la vista en la que desea trabajar seleccionando una vista en la barra de herramientas de Dreamweaver.) De forma predeterminada, Dreamweaver muestra la ventana de documento en la vista de Diseño.
Para dar formato a un texto en dreamweaver, utilizamos el panel de propiedades que contiene "Formato", "Fuente", "Estilo", "Tamaño", "Color".
La barra de estado nos proporciona informacion como:
- El selector de etiquetas muestra la jerarquía de etiquetas que rodea a la selección actual
- La herramienta Mano permite hacer clic en el documento y arrastrarlo hasta la ventana de documento.
- La herramienta Zoom y el menú emergente Establecer nivel de aumento permiten establecer el nivel de ampliación del documento.
- El menú emergente Tamaño de ventana (que sólo aparece en la vista Diseño) permite cambiar el tamaño de la ventana de documento para que adopte dimensiones predeterminadas o personalizadas.
- A la derecha del menú emergente Tamaño de ventana aparecen estimaciones sobre el tamaño del documento y el tiempo de descarga de la página con todos sus archivos dependientes, como archivos de imagen y de multimedia.
Para ver en pantalla completa cómo se visualizará la página en un navegador podemos pulsar en el icono de previsualización (Preview).
El programa abrirá la ventana del navegador que tengamos asociada por defecto y nos mostrará la página completa. En la ventana de previsualización (Preview), podemos detectar tanto los errores de diseño como los de código, y directamente corregirlos en la aplicación sin tener que grabar y abrir el documento con cada prueba.
Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, pero que se conocen como paneles o inspectores. La diferencia entre panel e inspector es que, en general, la apariencia y opciones de un inspector cambian dependiendo del objeto seleccionado.
A través de la opción Ventana, de la barra de menús, es posible mostrar u ocultar cada uno de los paneles o inspectores. Vamos a ver los más importantes.