Fireworks y Dreamweaver

Presentado por:

Nicolás Parra

Johan García Vargas

Presentado a:

Ana Milena Casas Palacio

Inst. Edu. Leonidas Rubio Villegas

Área de Técnica en Sistemas (SENA)

Ibagué-Tolima

Año 2015

FIREWORKS

Es un editor de gráficos vectoriales y mapas de bits. Está pensado para que los desarrolladores web puedan crear rápidamente interfaces web y prototipos de websites.

Fireworks proporciona a los diseñadores web un medio ligero y eficaz de crear gráficos para sus páginas web sin sumergirse en exceso en el código o perderse entre multitud de paletas de color; además, se puede relacionar con Photoshop, Illustrator y Dreamweaver.

A. Ventanas de documento en forma de fichasB. Barra de aplicacionesC. Conmutador de espacios de trabajoD. Barra de título de panelE. Panel de controlF. Panel HerramientasG. Botón Contraer en iconosH. Cuatro grupos de paneles acoplados verticalmente

LA BARRA DE HERRAMIENTAS:

Se encuentra situada en la parte izquierda del Entrono Gráfico y desde ella podremos identificar con facilidad la herramienta apropiada para el objeto gráfico con el que pensamos trabajar o crear. La barra de Herramientas está organizada en seis categorías:

Seleccionar: herraientas relacionadas con la selección de objetos ( herramientaPuntero,

herramientaSubselección), su transformación de tamaño (herramienta Escala) o su recorte (herramienta

Recortar).

Mapa de bits: sirven para crear o editar objetos de mapa de bits. Entre ellas destacan la Varita Mágica

(para la selección), la herramienta Sello (para realizar cambios fotográficos básicos), las herramientas

Lápiz o Pincel (para pintar o dibujar objetos de mapas de bits) o otras más específicas como son las

herramientas Perfilar, Desenfocar, Aclarar, Oscurecer o Difuminar (para el tratamiento selectivo de los

píxeles de un mapa de bits)

Vector: permiten crear o editar trazados o formas vectoriales. Aquí se agrupan la Pluma, la Línea y

diferentes formas vectoriales estandar como el Rectángulo, la Elipse o el Polígono; así como la

herramienta de Texto (para la inclusión y modificación del texto de nuestro documento).

Web: herramientas para la creación de interactividad web (herramienta Zona Interactiva), para la creación

de efectos visuales interactivos (herramienta División), o para mostrar u ocultar los componentes web en

el lienzo (herramientas Ocultar-Mostrar Divisiones y Zonas Interactivas).

Colores: herramientas que controlan los colores de relleno y trazo. Entre las herramientas más utilizadas

de esta sección estaría el Cubo de Pintura (para dar color), el Cuentagotas (para tomar muestras de

color) o el Degradado (para la realización de gradaciones).

Ver: herramientas relacionadas con la visualización como la herramienta Zoom (para acercar o alejar la

imagen), la Mano (para desplazarse por el documento) o las opciones para cambiar entre tres vistas:

Modo Pantalla Estandar, Modo pantalla completa con Menús y Modo Pantalla Completa.

DREAMWEAVER

Adobe Dreamweaver es una aplicación en programa de estudio 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 es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades.

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.