revista digital. ariana lopez

14

Upload: ariana-lopez

Post on 05-Aug-2016

222 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Revista digital. Ariana Lopez
Page 2: Revista digital. Ariana Lopez

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.

Page 3: Revista digital. Ariana Lopez

Sus principales competidores

son Microsoft Expression

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.

Se vende como parte de

Adobe Creative Suite. A

partir de la compra de

Macromedia por parte de

Adobe. Las letras CS

significan Creative Suite.

Page 4: Revista digital. Ariana Lopez

Dreamweaver es la

herramienta de diseño de

páginas web más avanzada, tal

como se ha afirmado en

muchos medios. Aunque sea

un experto programador de

HTML el usuario que lo maneje,

siempre se encontrarán en este

programa razones para

utilizarlo, sobretodo en lo que a

productividad se refiere.

Cumple perfectamente el

objetivo de diseñar páginas con

aspecto profesional, y soporta

gran cantidad de tecnologías,

además muy fáciles de usar:

Page 5: Revista digital. Ariana Lopez

•Hojas de estilo y capas

• Javascript para crear efectos

e interactividades

•Inserción de archivos

multimedia.

Además es un programa que

se puede actualizar con

componentes, que fabrica

tanto Macromedia como

otras compañías, para

realizar otras acciones más

avanzadas. En resumen, el

programa es realmente

satisfactorio, incluso

el código generado es de

buena calidad. La única

pega consiste en que al ser

tan avanzado, puede resultar

un poco difícil su manejo

para personas menos

experimentadas en el diseño

de webs.Dreamweaver ha evolucionado

mucho en su versión 4, que

incluye soporte para la creación

de páginas dinámicas de servidor

en ASP, con acceso a bases de

datos (versión Ultradev) y una

mayor integración con otras

herramientas de Macromedia

como Fireworks.

Page 6: Revista digital. Ariana Lopez

La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, 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. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido y todo ello permite que programadores y editores web hagan extensiones para su programa y lo pongan a su gusto.

Page 7: Revista digital. Ariana Lopez

Las versiones originales de la

aplicación se utilizaban como

simples editores WYSIWYG.

Sin embargo, versiones más

recientes soportan otras

tecnologías web como CSS,

JavaScript y

algunos frameworks del lado

servidor.

Dreamweaver permite al usuario

utilizar la mayoría de los

navegadores Web instalados en su

ordenador para pre-visualizar las

páginas web. También dispone de

herramientas de administración de

sitios dirigidas a principiantes

como, por ejemplo, la habilidad de

encontrar y reemplazar líneas de

texto y código por cualquier tipo de

parámetro especificado, hasta el

sitio web completo. El panel de

comportamientos también permite

crear JavaScript básico sin

conocimientos de código.

Page 8: Revista digital. Ariana Lopez

El programa Dreamweaver es una aplicación

muy completa con un gran número de

funcionalidades muy potentes, pero a la vez esta

diseñada para hacer más cómodo el trabajo al

usuario. Esto lo hace permitiendo que el usuario

personalice a su gusto el entorno de trabajo.

Debajo de la barra de título tenemos la barra de

Menús , en ella tenemos acceso a todos los menús,

desde los cuales podemos manejar con eficiencia las

numerosas opciones de Dreamweaver.

Page 9: Revista digital. Ariana Lopez

Debajo de la barra de Menús, nos encontramos la barra de

los grupos de paneles, la cual es contextual, esto significa

que va cambiando dinámicamente según la tarea en la que se

esta trabajando.

En el centro de la pantalla nos encontramos con la pantalla de

inicio. Este contenido aparece cuando no tenemos ningún

documento activo y podemos distinguir tres zonas distintas.

En la zona de la izquierda: vemos la lista de los documentos

usados más recientemente y nos da la opción de abrir

cualquiera de ellos rápidamente pulsando sobre ellos.

En la zona central: podemos crear un nuevo documento en

blanco en cualquiera de los formatos mostrados.

En la zona de la derecha: Dreamweaver nos permite utilizar

unas plantillas de ejemplos para crear nuestros documentos de

una manera rápida y sencilla.

.

Page 10: Revista digital. Ariana Lopez

La barra de herramientas de Dreamweaver

contiene botones que permiten alternar entre

diferentes vistas del documento

rápidamente, cambiar el título del documento

o previsualizar la página en el navegador.

Los elementos del menú Opciones (botón

situado en el extremo derecho de la barra de

herramientas) cambia en función de la vista

que seleccione.

Page 11: Revista digital. Ariana Lopez

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.

Para cambiar de categoría dé clic sobre alguna de las pestañas

situadas en la parte superior del panel.

Si desea insertar un objeto en el documento haga clic en el

correspondiente botón del panel o arrastre el ícono del botón

hasta la ventana de documento. Dependiendo del objeto,

aparecerá un cuadro de diálogo en el cual se le pedirá que

seleccione o inserte el archivo u objeto deseado.

Si desea insertar un marcador de posición mantenga

presionada la tecla Control mientras da clic en el ícono para

insertar el objeto. (Por ejemplo, para insertar un marcador de

posición para una imagen sin especificar un archivo de imagen,

mantenga presionada la tecla Control y haga clic en el botón

Imagen.)

Page 12: Revista digital. Ariana Lopez

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.

La mayoría de los cambios realizados en las propiedades

se aplicarán de inmediato en la ventana de documento.

(Para algunas propiedades, los cambios no se aplican

hasta que se hace clic fuera de los campos de texto de

edición de la propiedad, se presiona Enter o se presiona

Tab para cambiar a otra propiedad.)

El contenido del inspector de propiedades varía en función

del elemento seleccionado. Si quiere obtener información

sobre propiedades concretas, seleccione un elemento en la

ventana de documento y, a continuación, haga clic en el

icono Ayuda, situado en la esquina superior derecha del

inspector de propiedades.

Page 13: Revista digital. Ariana Lopez

Adobe Dreamweaver es un editor de

HTML visual, diseñado para

desarrolladores profesionales. El

programa hace muy fácil la tarea de

crear complejas páginas web

dinámicas, con la conocida técnica

de "arrastrar y soltar", permitiendo

que los diseñadores puedan crear

entornos web sin tener que escribir

una sola línea de código.Es compatible con las

últimas tecnologías y

tendencias en el desarrollo

web, incluyendo lenguaje

Java, CSS, AJAX, XHTM,

Adobe AIR y subversiones.

La compatibilidad con los

diversos navegadores no

será un problema para Adobe

Dreamweaver, gracias a la

tecnología Live View, que te

permite ver tus creaciones

antes de publicarlas.

Sigue este enlace para descargar Dreamweaver de la pagina

del autor: http://www.adobe.com/la/products/dreamweaver.html

Page 14: Revista digital. Ariana Lopez