Desde su lanzamiento en 1997, Dreamweaver de

Macromedia se ha convertido en la solución

estándar de la industria para el desarrollo

profesional de la Web y, actualmente, más de 3,2

millones de profesionales utilizan Dreamweaver para

desarrollar sus sitios Web. Con su tecnología

Roundtrip HTML, que protege la calidad del código

cuando el usuario alterna entre la vista del código y

la del diseño, Dreamweaver es la solución pionera

para el desarrollo profesional de sitios visuales en

Internet.

Un software fácil de usar que permite crear

páginas web profesionales. Las funciones de

edición visual de Dreamweaver permiten

agregar rápidamente diseño y funcionalidad a

las páginas, sin la necesidad de programar

manualmente el código HTML. Se puede crear

tablas, editar marcos, trabajar con capas,

insertar comportamientos JavaScript, etc., de

una forma muy sencilla y visual. Además incluye

un software de cliente FTP completo,

permitiendo entre otras cosas trabajar con

mapas visuales de los sitios web.

QUE ES DREAMWEAVER?

ENTORNO DE DREAMWEAVER

•LA BARRA DE LA APLICACIÓN.

La barra la aplicación se incorporó en la

versión anterior de Dreamweaver. Si tenemos

la ventana maximizada veremos todos los

elementos de la barra ocupando una sola

línea, si no, ocuparán dos líneas, como en la

imagen superior.

Esta barra contiene los siguientes

elementos: los menús (en la imagen, en la

parte inferior), varios botones propios de la

aplicación, el conmutador de espacio de

trabajo y una caja de búsquedas para obtener

ayuda on line.

Los botones propios de la aplicación, que

aparecen junto al icono, nos permiten (de

derecha a izquierda) cambiar entre la vista de

diseño o código, acceder a las extensiones que

se pueden añadir, o al administrador de sitio.

•LAS PESTAÑAS DE DOCUMENTO

Cada archivo que tengamos abierto, mostrará una

pestaña con su nombre, lo que nos permitirá cambiar

de uno a otro fácilmente. Si junto al nombre aparece

un *, indica que ese archivo tiene cambios sin

guardar. Podemos cerrar cada documento clicando

en el aspa de la derecha, o acceder a otras acciones

haciendo clic con el botón derecho, como Cerrar

otros archivos.

Debajo de las pestañas encontramos los archivos a

que utiliza nuestra página, como la hoja de estilos,

archivos JavaScript, etc... pudiendo acceder a ellos

con un clic. Esto nos ahorrará bastante tiempo.

•LA BARRA DE HERRAMIENTAS

ESTÁNDAR.

La barra de herramientas estándar contiene

iconos para realizar las acciones más

habituales del menú Archivo y Edición. De

izquierda a derecha: Nuevo archivo, Abrir,

explorar con Adobe Bridge, Guardar, Guardar

todo, Imprimir el código fuente, Cortar, Copiar,

Pegar, Deshacer y Rehacer. Esta barra puede

ser muy útil, pero en realidad casi todo el

mundo usa esos comandos directamente con el

teclado (Ctrl + G para guardar, Ctrl + C para

copiar, etc.)

•LA BARRA DE HERRAMIENTAS DE

DOCUMENTO.

La contiene iconos que nos permiten cambiar

entre las distintas vistas de edición y la vista en

vivo, vistas previa en multipantalla, acceder

cómodamente al título de la página, o realizar

las distintas opciones de validación que nos

ofrece el programa.

• La gran ventaja de este editor sobre otros es

su gran poder de ampliación y personalización

del mismo, puesto que en este programa, sus

rutinas (como la de insertar un hipervínculo, una

imagen o añadir un comportamiento) están

hechas en Javascript-C, lo que le ofrece una

gran flexibilidad en estas materias.

•Como editor WYSIWYG que es, Dreamweaver

permite ocultar el código HTML de cara al

usuario, haciendo posible que alguien no

entendido pueda crear páginas y sitios web

fácilmente sin necesidad de escribir código.

•PLANTILLAS DISEÑO FLUIDO.

El acceso a la web a través de todo tipo de

dispositivos está experimentando un aumento

importante. Ahora es habitual acceder a

internet desde el teléfono móvil y desde las

tabletas. Esto complica el diseño de los sitios

web porque los dispositivos son de diferentes

dimensiones.

Una forma de afrontar este problema es

utilizando el diseño fluido, este tipo de diseño

hace que la página se adapte automáticamente

a las dimensiones del dispositivo. Este tipo de

diseño utiliza HTML 5 por los que los

navegadores antiguos no son capaces de

representarlo correctamente. Sin embargo,

existen librerías de Javascript que solucionan

este inconveniente

•Integración con PhoneGap mejorada:

PhoneGap es un servicio para generar aplicaciones

para teléfonos móviles en las plataformas más

utilizadas (Android, Apple, ...) ahora se ha mejorado la

compatibildad con PhoneGap desde Dreamweaver .

•Funciones exclusivas para Creative Cloud.

Creative Cloud:

Es la nueva forma de adquirir productos Adobe, como

Dreamweaver, mediante suscripción mensual o anual,

de esta forma se tiene acceso más rapido a las

actualizaciones y se puede disponer de los archivos

de trabajo en cualquier ubicación con acceso a

internet.

•Transiciones

Las transiciones

permiten pasar

propiedades CSS de un

estado inicial a otro estado

final de forma continua.

Con transiciones se

pueden lograr vistosos

efectos de animaciones.

•Fuentes Web

Existen sitios web con multitud de nuevas fuentes que

pueden dar un aire distinto a nuestros diseños de

páginas web. En esta versión, Dreamweaver permite

incorporar los archivos de nuevas fuentes de forma

sencilla.

•Trabajar sin necesidad de tener conocimientos de

programación HTML.

•Con el mismo editor puedes trabajar tanto páginas

estáticas como dinámicas.

•Permite conectividad con base de datos.

•Ahorro de tiempo en desarrollo de proyectos.

•Herramientas de comprobación de errores en

compatibilidad.

Autor: Génesis Peraza