1 Dreamea

UNIDAD 1. CONCEPTOS BSICOS DE DREAMWEAVER 8

DREAMWEAVER 8
Dreamweaver es uno de los programas ms potentes para la creacin de pginas web. Permite
un trabajo de diseo web muy intuitivo. Incorpora herramientas que permiten crear
fcilmente desde objetos HTML hasta maquetas en CSS o comportamientos de javascript.
Su mtodo de trabajo est dirigido tanto al diseador, para crear los objetos web y efectos de
forma visual, como al tcnico programador, con un editor de cdigo muy verstil.
Este curso se basa en Dreamweaver 8, que refleja las ltimas tendencias del diseo web
potenciando el uso de Estilos CSS y la Accesibilidad de la web. A lo largo del curso se hace
hincapi en esas tendencias al igual que en la importancia de la usabilidad de cada elemento
que insertamos en la pgina web.
Adems se ha incluido una interesante leccin de promocin y anlisis de pgina web en
Internet, que completa la idea principal del diseo en la Web.



2 Dreamea
INTRODUCCIN
Macromedia Dreamweaver 8 es un editor HTML profesional para disear, codificar y
desarrollar sitios, pginas y aplicaciones Web. Tanto si desea controlar manualmente el cdigo
HTML como si prefiere trabajar en un entorno de edicin visual, Dreamweaver le proporciona
tiles herramientas que mejorarn su experiencia de creacin Web.
Esta gua es una introduccin para utilizar Macromedia Dreamweaver 8 dirigida a los usuarios
que no estn familiarizados con algn aspecto fundamental de esta aplicacin. Los tutoriales
de que consta le guan a travs del proceso de creacin de un sitio Web sencillo pero
funcional.


3 Dreamea
NOVEDADES DE DREAMWEAVER 8
En este punto comentaremos las caractersticas que aporta esta nueva versin sobre la
anterior, Dreamweaver MX 2004.
Integracin de RSS: con Dreamweaver 8 podrs integrar entradas RSS provinientes de otras
pginas con slo introducir la fuente y arrastrar y colocar los campos. De esta forma podrs
introducir datos en forato XML fcil y cmodamente.
Mejoras CSS: esta ltima versin ha mejorado mucho respecto a la compatibilidad y manejo
de estilos de cascada. De esta forma se ha mejorado el panel de estilos CSS, donde ahora
podrs acceder a la configuracin de cada uno de los estilos desde una lista mucho mejor
dotado de una cuadrcula editable desde donde podrs modificar sus propiedades. Adems,
Dreamweaver 8, aade una nueva barra de herramientas que proporciona la reproducin
inmediata de los estilos para diferentes medios (pantalla, impresora, webTV, PDAs...).
Accesibilidad: Dreamweaver 8 incorpora las normas de accesibilidad de prioridad 2 marcadas
por la WCAG/W3C.
Transferencia de archivos: Ahora con Dreamweaver 8 podrs seguir trabajando con tus
archivos mientras el programa se comunica con tu servidor e incluye los archivos creados o
modificados recientemente. Su sincronizacin ha mejorado notablemente siendo posible una
mejor gestin de cambios, adems de pemitir en uso de bolqueo/desbloqueo de archivos para
que estos no se sobreescriban.
Interfaz mejorada: Los usuarios con problemas visuales podrn acceder auna opcin de
Aumento de la pantaa en vista de diseo para analizar o trabajar con difcles anidamientos de
tablas. Adems de la inclusin de informacin visual gracias a las guas que permitirn la
medicin pxel a pxel de todos los elementos.
Nueva barra de herramientas: Se ha aadido una barra de herramientas a Dreamweaver 8,
podrs encontrarla en la parte lateral izquierda del modo de Cdigo, esta barra hace mucho
ms accesible el cdigo al permitirnos la navegacin por etiquetas y su contraccin. Una de las
nuevas novedades es la posibilidad de aadir comentarios con un slo clic.
Compatibilidad: Comentaremos, adems, la compatibilidad aadida en esta versin con PHP5,
Coldfusion MX 7 y Video Flash.



4 Dreamea
EDITAR PGINAS WEB

Cualquier editor de texto permite crear pginas web. Para ello slo es necesario crear los
documentos con la extensin HTML o HTM, e incluir como contenido del documento el cdigo
HTML deseado. Puede utilizarse incluso el Bloc de notas para hacerlo.
Pero crear pginas web mediante el cdigo HTML es ms costoso que hacerlo utilizando un
editor grfico. Al no utilizar un editor grfico cuesta mucho ms insertar cada uno de los
elementos de la pgina, al mismo tiempo que es ms complicado crear una apariencia
profesional para la pgina.
Hoy en da existe una amplia gama de editores de pginas web. Uno de los ms utilizados, y
que destaca por su sencillez y por las numerosas funciones que incluye, es Macromeda
Dreamweaver.

Adems de Dreamweaver, existen otra serie de buenos editores de pginas web, como pueden
ser Microsoft Frontpage, Adobe Pagemill, Adobe GoLive, NetObjects Fusion, CutePage, HotDog
Proffesional, Netscape Composer y Arachnophilia, algunos de los cuales tienen la ventaja de
ser gratuitos.

Cmo tener una pgina en Internet

Para poder poner una pgina web en Internet, es necesario contratar a alguna empresa con
servidores que pueda alojarla y hacerla accesible desde Internet las 24 horas del da. El precio
por disponer de espacio propio en el servidor depender de la empresa, del espacio en disco,
volumen de transferencia y otras opciones que podamos contratar.
Hay empresas que ofrecen este servicio gratuitamente, pero con ciertas limitaciones: poco
espacio de disco, lentitud y nombre de nuestra pgina precedido por el de la suya. Hay que
tener tambin en cuenta que estas empresas deben generar ingresos de alguna forma, por lo
que se dedican a vender espacios publicitarios dentro de nuestras pginas, publicidad que no
podremos negarnos a incluir en ellas.
Por estos motivos, no se recomienda utilizar hospedaje gratuito para la pgina de una
empresa, aunque s es aceptable para una pgina personal.
Cuando se va a contratar un servicio de hospedaje es necesario contratar tambin un dominio,
tarea de la que se suele encargar la propia empresa de hospedaje. Registrar un dominio
consiste en registrar un nombre para nuestra pgina. Este nombre no puede estar repetido en
Internet, ha de ser nico, al igual que ocurre con los nombres de las empresas. Es posible
registrar un mismo nombre con distintas terminaciones, como por ejemplo, .net, .org, .es o
.com.
5 Dreamea
En el caso de los hospedajes gratuitos no es necesario registrar ningn dominio, ya que
nuestra pgina no ser ms que un archivo dentro de la de la empresa contratada.
A la hora de contratar un servicio de hospedaje tambin hay que tener en cuenta el nmero de
cuentas de correo electrnico propias que pueden habilitarse y si disponemos de una base de
datos para poder acceder a ella a travs de programacin va Web, aunque esto ltimo ser
til slo para usuarios avanzados.