Edwards Andrade
Dreamweaver
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium
Sus principales competidores son Microsoft Expresión Web y BlueGriffon (que es de código abierto) y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Utilidades Según su menú sus utilidades son : Archivo contiene los elementos de menú estándar como Nuevo, Abrir, Guardar, Guardar como. También contiene otros comandos para la visualización o manipulación del documento actual, como Vista previa en el navegador e Imprimir código. Edición contiene los elementos de menú estándar como Cortar, Copiar y pegar. También incluye comandos de selección y búsqueda, como Seleccionar etiqueta padre, Buscar y reemplazar, y proporciona acceso al editor de Métodos abreviados de teclado y al Editor de la biblioteca de etiquetas. Ver le permite obtener diversas vistas del documento (como la vista Diseño y la vista Código) y mostrar y ocultar diversos tipos de elementos de página y herramientas de Dreamweaver CS3. Insertar
ofrece una alternativa a la barra Insertar para la inserción de objetos en el documento. Modificar le permite cambiar las propiedades del elemento de página seleccionado. A través de este menú, puede editar los atributos de etiquetas, cambiar las tablas y elementos de tablas y realizar diversas operaciones relacionadas con elementos de biblioteca y plantillas. Texto le permite aplicar formato al texto fácilmente. Comandos proporciona acceso a diversos comandos, entre otros, uno para aplicar formato al código en función de las preferencias de formato y otro para crear un álbum de fotos. Sitio proporciona opciones de menú para crear, abrir y editar sitios, así como para administrar los archivos del sitio actual (en Macintosh). Ventana proporciona acceso a todos los paneles, inspectores y ventanas de Dreamweaver CS3.
Patrocinado por PANTENE Venezuela
Ventajas ventajas: -excelente para trabajos profesionales -destaca su soporte de los estándares del World Wide Web Consortium -utiliza la tecnología web como CSS y Java Script -se puede diseñar y crear paginas web sin conocimiento de código HTML -permite previsualizar las paginas web en casi todos los navegadores web -permite el uso de extinciones como HTML y Java Script
Entorno de trabajo •
1.- Las barras.
•
2.- Las pestañas de documentos.
•
3.- La barra de estado.
•
4.- El panel de propiedades.
•
5.- Área de paneles.
• • • • •
6.- Paneles y ventanas . 7.- Línea inferior de pestañas . 8.- Vista diseño del documento.
•
9.- Vista código del documento.
Menú *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 el botó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. *Para poner, obtener o proteger un archivo, haga clic en el botón de menú de "Estado de archivo". *Para previsualizar o depurar un documento en un navegador, haga clic en Vista previa/depurar en navegador y elija uno de los navegadores enumerados en el menú emergente. *Para actualizar la vista de Diseño, haga clic en el botón Actualizar vista de diseño. *Para obtener información de referencia sobre código HTML, CSS y JavaScript, haga clic en el botón Referencia. *Para desplazarse por el código, haga clic en el botón Navegación por el código. Para obtener más información, consulte "Introducción al depurador JavaScript". *Para mostrar u ocultar la regla, la cuadrícula y las ayudas visuales, haga clic en el botón de menú Opciones.
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.
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
principal barra de herramienta • • •
• •
•
• • • •
•
•
•
En la barra de herramientas de Documento, aparecen las siguientes opciones: Mostrar vista de código sólo muestra la vista Código en la ventana de documento. Mostrar vistas de código y diseño muestra la vista Código en una parte de la ventana de documento y la vista Diseño en la otra parte. Cuando seleccione esta vista combinada, se encontrará disponible la opción Vista de diseño encima del menú Ver. Utilice esta opción para especificar qué vista debe aparecer en la parte superior de la ventana de documento. Mostrar vista de diseño sólo muestra la vista Diseño en la ventana de documento. Depuración del servidor muestra un informe que le ayudará a depurar la página de ColdFusion actual. El informe contiene los errores de la página, si los hay. Título del documento permite introducir un título para el documento, que aparecerá en la barra de título del navegador. Si el documento ya tiene título, éste aparecerá en dicho campo. No hay errores de comprobación de navegador permite comprobar la compatibilidad con distintos navegadores. Validar formato permite validar el documento actual o una etiqueta seleccionada. Administración de archivos muestra el menú emergente Administración de archivos. Vista previa/Depurar en explorador permite ver una vista previa del documento o depurarlo en un navegador. Seleccione un navegador en el menú emergente. Actualizar vista de diseño actualiza la vista Diseño tras realizar cambios en la vista Código. Los cambios realizados en la vista Código no aparecerán de forma automática en la vista Diseño hasta que se efectúen determinadas acciones, como guardar el archivo o hacer clic en este botón. Ver opciones permite definir las opciones de las vistas Código y Diseño, y establecer qué vista va a aparecer en la parte superior de la ventana. Las opciones del menú corresponden a la vista actual: la vista Diseño, la vista Código o ambas. Ayudas visuales permite utilizar distintas ayudas visuales para el diseño de
Patrocinado por GILLETTE Venezuela
Edwards Andrade
Edwards Andrade