Mmmm

UNIVERSIDAD AUTÓNOMA DEL ESTADO DE MORELOS

TALLER DE COMPUTACIÓN IV

DISEÑO DE PAGINAS WEB (DREAM WEAVER)

AUTOR: M. en E. M. ROGELIO TORRES VÁZQUEZ

ENERO 2008.

SEMESTRE: FEBRERO-JULIO 2008

MANUAL DE DREAM WEAVER

INDICE
INTRODUCCIÓN | 3 |
PANTALLA DE INICIO | 4 |
ELEMENTOS DEL ESPACIO DE TRABAJO DE DREAMWEAVER | 5 |
UTILIZACIÓN DE BARRAS DE HERRAMIENTAS, INSPECTORES YMENÚS CONTEXTUALES | 12 |
CÓMO CREAR Y ABRIR DOCUMENTOS | 13 |
CONFIGURACIÓN DE UN TIPO DE DOCUMENTO NUEVO PREDETERMINADO | 18 |
CÓMO ABRIR DOCUMENTOS EXISTENTES | 19 |
CÓMO GUARDAR UN NUEVO DOCUMENTO | 21 |
VENTANAS DE DOCUMENTO | 22 |
INFORMES EN DREAMWEAVER | 24 |
PERSONALIZACIÓN DE DREAMWEAVER EN SISTEMAS MULTIUSUARIO | 25 |
FLUJO DE TRABAJO DE DREAMWEAVER PARA LA CREACIÓN DESITIOS WEB | 26 |
* PLANIFICACIÓN DEL SITIO | 26 |
* ADMINISTRACIÓN DE LOS ARCHIVOS DEL SITIO | 27 |
* DISEÑO DE LAS PÁGINAS WEB | 27 |
* ADICIÓN DE CONTENIDO A LAS PÁGINAS | 27 |
* CODIFICACIÓN MANUAL | 28 |
* CONFIGURACIÓN DE UNA APLICACIÓN WEB | 28 |
* CREACIÓN DE PÁGINAS DINÁMICAS | 29 |
* DESARROLLO RÁPIDO DE APLICACIONES | 29 |
RECURSOSTECNOLÓGICOS HTML Y WEB | 30 |
UTILIZACIÓN DE PANELES Y GRUPOS DE PANELES | 32 |
VISUALIZACIÓN DE PANELES Y GRUPOS DE PANELES | 32 |
ACOPLAMIENTO Y DESACOPLAMIENTO DE PANELES Y GRUPOS DE PANELES | 33 |
CAMBIO DE TAMAÑO Y DE NOMBRE DE LOS GRUPOS DE PANELES | 35 |
CONFIGURACIÓN DE UN SITIO DE DREAMWEAVER | 35 |

Introducción
Dreamweaver 8 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 le proporciona útiles herramientas que mejorarán su experiencia de creación Web.
Las funciones de edición visual de Dreamweaver permiten crear páginas de forma rápida, sin escribir una sola línea de código. Puede vertodos los elementos o activos del sitio y arrastrarlos desde un panel fácil de usar directamente hasta un documento. Puede agilizar el flujo de trabajo de desarrollo mediante la creación y edición de imágenes en Macromedia Fireworks o en otra aplicación de gráficos y su posterior importación directa a Dreamweaver, o bien añadir objetos Macromedia Flash.
Dreamweaver también ofrece un entorno decodificación con todas las funciones, que incluye herramientas para la edición de código (tales como coloreado de código y terminación automática de etiquetas) y material de referencia de lenguajes sobre hojas de estilos en cascada (CSS), JavaScript, y ColdFusion Markup Language (CFML), entre otros. La tecnología Roundtrip HTML de Macromedia importa los documentos con código manual HTML sin modificar elformato del código. Posteriormente, si lo desea, puede formatear el código con el estilo que prefiera.
Dreamweaver permite crear aplicaciones Web dinámicas basadas en bases de datos empleando tecnologías de servidor como CFML, ASP.NET, ASP, JSP y PHP.
Dreamweaver se puede personalizar totalmente. Puede crear sus propios objetos y comandos, modificar métodos abreviados de teclado e inclusoescribir código JavaScript para ampliar las posibilidades que ofrece Dreamweaver con nuevos comportamientos, inspectores de propiedades e informes de sitios.
El espacio de trabajo de Windows también dispone de la opción Codificador, que acopla los grupos de paneles en la parte izquierda y muestra la ventana de documento en la vista Código de forma predeterminada. Para más información, consulteUtilización del espacio de trabajo orientado al codificador (sólo en Windows). Para utilizar esta opción, véase Selección del diseño del espacio de trabajo (sólo en Windows).

PANTALLA DE INICIO

Elementos del espacio de trabajo de Dreamweaver

En esta sección se describen brevemente algunos elementos del espacio de trabajo de Dreamweaver.
NOTA |   | Dreamweaver ofrece otros muchos paneles,...