Dreamweaber

DEFINICIÓN
Adobe Dreamweaver CS3 es un editor HTML profesional para diseñar, codificar y desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar manualmente el código HTML, como si prefiere trabajar en un entorno de edición visual. Dreamweaver CS3 le proporciona útiles herramientas que mejorarán su experiencia de creación Web.
Las funciones de edición visual de Dreamweaver CS3permiten crear páginas de forma rápida, sin escribir una sola línea de código. No obstante, si prefiere crear el código manualmente, Dreamweaver también incluye numerosas herramientas y funciones relacionadas con la codificación. Además, Dreamweaver le ayuda a crear aplicaciones Web dinámicas basadas en bases de datos empleando lenguajes de servidor como HTML, ASP, ASP.NET, ColdFusion, JSP y PHP.ENTORNO DE TRABAJO
Ahora vamos a explorar los elementos básicos de la herramienta, porque se debe conocer a fondo las utilidades prácticas como: menús, paneles, pantallas, etc.

Barras
Como se puede apreciar en la pantalla, existen unos elementos horizontales que contienen a su vez iconos y opciones de menú, ha estas disposiciones horizontales o verticales se les conoce como barras y seencuentran en todas las aplicaciones Windows. A continuación se describirán las barras más relevantes de la herramienta.

• Barra título: Contiene el nombre del programa que estamos trabajando, junto con el título, nombre y ubicación de la página. En el caso de no tener título y nombre de página aparecerá nombres predeterminados como muestra la gráfica.
Además en el sector derecho se encuentranlas opciones de maximizar, minimizar, restaurar y cerrar.
• Barra de Herramientas Estándar: Contiene iconos que nos permite ejecutar de forma inmediata, algunas de las operaciones más habituales.
Ejemplo: Guardar, Pegar, etc.

• Barra de Menú: En esta barra podemos encontrar las operaciones de
Dreamweaver que están agrupadas en menús desplegables.

Nota: Se recomienda realizar lasoperaciones desde los paneles.

• Barra de Herramientas de Documento: En este sitio podemos encontrar iconos que nos permite ejecutar de forma inmediata algunas de las operaciones habituales que no son incluidas en la barra de herramientas estándar. Algunas de estas operaciones son: cambio de vista del documento (código, diseño, vista previa), la administración de archivos, el titulo, etc.

Nota: Paraefecto de este curso se recomienda trabajar con vista de documento en DISEÑO, ya que no se va a trabajar código HTML.
Paneles
Dreamweaver CS3 utiliza unas ventanas emergentes similares a los menús, estas reciben el nombre de paneles o inspectores, pero su diferencia radica en que el inspector varía sus opciones dependiendo del objeto seleccionado.
En la parte superior, en el menú ventana,podemos seleccionar ocultar o mostrar los paneles e inspectores. A continuación se mostraran lo más importantes.

• Panel de Objetos: El panel de objetos contiene botones para la inserción de diversos tipos de “objeto”, como imágenes, tablas y capas, en un documento.
Cada objeto es un fragmento de código HTML que le permite establecer diversos atributos al insertarlo. Por ejemplo, puede insertar unatabla haciendo clic en el botón Tabla de la barra Insertar. Si lo prefiere, puede insertar objetos utilizando el menú Insertar en lugar de la barra Insertar.

• Inspector de Propiedades: El inspector permite ver y realizar modificaciones de las diferentes propiedades del objeto o del texto seleccionado. En la gráfica podemos observar las propiedades de un texto, como el tipo de fuente, color,negrilla, etc.

Nota: Se recomienda realizar las operaciones desde los paneles.

SITIO
Después de revisar y reconocer el ambiente de Dreamweaver CS3, antes de empezar a diseñar una Página Web, es recomendable definir la ubicación de los objetos que la componen: como imágenes, animaciones flash, archivos, etc. A esta ubicación se le denomina como un Sitio.
Cree una carpeta en su PC con el...