Capacitacin de Herramientas para el Desarrollo WEB

Modulo V- DREAMWEAVER Sesin #2 Mara Paz Coloma M. mcoloma@inacap.cl

Dreamweaver Contenido

Aspectos y Configuracin General. Elementos disponibles de HTML. Aspectos Intermedios de Dreamweaver.

Definiciones y Ambiente Dreamweaver

Macromedia Dreamweaver MX es un editor HTML profesional para disear, codificar y desarrollar sitios, pginas y aplicaciones Web. Dreamweaver le proporciona tiles herramientas que mejorarn su experiencia de creacin Web. Con Dreamweaver resulta fcil la creacin de pginas compatibles con cualquier explorador y cualquier plataforma.

Definiciones y Ambiente Dreamweaver

Macromedia Dreamweaver MX es un editor HTML profesional para disear, codificar y desarrollar sitios, pginas y aplicaciones Web. Dreamweaver le proporciona tiles herramientas que mejorarn su experiencia de creacin Web. Con Dreamweaver resulta fcil la creacin de pginas compatibles con cualquier explorador y cualquier plataforma. Reduce la complejidad del HTML dinmico, a travs de la utilizacin de capas y comportamientos sin escribir cdigo.

Definiciones y Ambiente Dreamweaver

Macromedia Dreamweaver MX es un editor HTML profesional para disear, codificar y desarrollar sitios, pginas y aplicaciones Web. Dreamweaver le proporciona tiles herramientas que mejorarn su experiencia de creacin Web. Con Dreamweaver resulta fcil la creacin de pginas compatibles con cualquier explorador y cualquier plataforma. Reduce la complejidad del HTML dinmico, a travs de la utilizacin de capas y comportamientos sin escribir cdigo.

Generalidades
Los componentes que comprenden Dreamweaver se llaman Ventanas, Paletas e Inspectores. Puede personalizar Dreamweaver a travs del Men Edicin Preferencias. Ver demostracin de Dreamweaver.

Creacin y Manejo de Sitios

Macromedia Dreamweaver MX ayuda a organizar los archivos de los sitios local y remoto(tambin denominados sitios) Para administrar los sitios, puede hacerlo desde el men sitio o bien desde el panel de sitios. Permite administracin similar a la de Interdev. Mayor informacin revise el documento dreamweaver.doc

Descripcin de los conjuntos de objetos disponibles Se encuentran en la barra Insertar.

Otra forma de acceder a estos objetos es a travs men Insertar.

Hojas de Estilos (CSS) Simplifican el formateo de la pgina al separar la presentacin del contenido. Se implementan a travs del atributo class o id de los objetos. Es posible especificar atributos tales como color, margen, bordes, alineamientos, tipos de letras entre otras cosas agrupados en un selector.

Hojas de Estilos (CSS) Los tags hacen referencia al selector. La forma de hacer referencia a los estilos que se encuentran en un archivo externo es a travs de tag link de la seccin head. Tambin se pueden agrupar los estilos dentro de un html ( No es aconsejable)
<style type=text/css> reglas. </style>

Hojas de Estilos (CSS) Se puede hacer referencia a los estilos desde los mismos tags a travs del atributo style.
<tag style=attr:valor;attr:valor>

Existen las hojas de estilos para documentos XML que son las XSL. Operan en forma similar, sin embargo pueden ser considerado un lenguaje de formato.

Hojas de Estilos (CSS) Dreamweaver maneja un panel de estilos que facilita la creacin de estilos.

Hojas de Estilos (CSS) Lo visto anteriormente es configurable desde esta pantalla.

Manejo de Capas Dreamweaver tiene un panel de capas que facilita enormemente el trabajo con capas.

Plantillas en Dreamweaver
Una plantilla de Dreamweaver es un tipo especial de documento que se utiliza para designar una disposicin de pgina bloqueada. Tambin se les conoce con el nombre de Template. La idea es independizar roles. El autor de una plantilla disea la disposicin de la pgina y crea regiones en la plantilla que son editables en los documentos basados en la plantilla.

Plantillas en Dreamweaver Facilita la actualizacin de varias pginas a la vez. Las operaciones relacionadas con plantillas (por ejemplo, aadir regiones editables) pueden realizarse en las vistas Cdigo y Diseo.

Administradores de Contenido
Estos software permiten la actualizacin de contenidos independientes de la grfica antes plantillas definidas. Los CMS(Software de administracin de contenidos se encargan de lo anterior.
Capacidades de un CMS Web enabled: todas las operaciones se hacen va web en forma remota pero segura. Uso de BD: usa bases de datos para almacenar los contenidos. Separar forma de contenido: las etiquetas no estn puestas en el contenido, sino que se aplican a ste cuando se despliega en pantalla.

Administradores de Contenido Existen de diversos precios. En el mercado los ms utilizados son PHPNuke y Zope. Sitios web para ver ms CMS Watch http://www.cmswatch.com Econtent Magazine http://www.econtentmag.com/cms

Links

Varios:
http://www.macromedia.com http://phpnuke.org/ http://www.ciberteca.net/directorio/internet/diseno_de_paginas_web/editore s_html/dreamweaver/