html5

TECNOLOGÍA PLUS 2015
HTML5

LENGUAJE DE PROGRAMACION III

Jhansi Giovanni Aguilar Saravia
MYSQL ASP y SQL

MARCO ANTONIO ANDRADE GUERRERO

GUÍA DE APRENDIZAJE DE LENGUAJE DE TECNOLOGÍA PLUS

DISEÑO DE
APLICACIONES WEB

INSTITUTO TECNICO RICALDONE
DEPARTAMENTO DE INFORMÁTICA
JHANSI GIOVANNI AGUILAR SARAVIA
Web site: http://av.ricaldone.edu.sv/claroline/
Email:jhansi_aguilar@ricaldone.edu.sv

Tecnología Plus

Página 1

TECNOLOGÍA PLUS 2015
HTML5
Jhansi Giovanni Aguilar Saravia

Adobe Fireworks es una aplicación en forma de estudio (basada en la forma de estudio
de Adobe Flash), pero con más parecido a un taller destinado para el manejo híbrido de
gráficos vectoriales con Gráficos en mapa de bits y que ofrece un ambiente eficiente tanto para
la creaciónrápida de prototipos de sitios Web e interfaces de usuario, como para la creación
y Optimización de Imágenes para web.

Tecnología Plus

Página 2

TECNOLOGÍA PLUS 2015
HTML5
Jhansi Giovanni Aguilar Saravia
A continuación podemos visualizar la pantalla en la cual podemos describir las partes más
importantes:

1
2

5

4
3

1

Barra de Menú

2

Barra de Herramientas Estándar3

Barra de Herramientas

4

Panel inicial

5

Panel de optimización de imágenes

6

Panel de Capas

7

Propiedades de elementos.

Tecnología Plus

Página 3

TECNOLOGÍA PLUS 2015
HTML5
Jhansi Giovanni Aguilar Saravia

Elementos básicos de Firerworks
Barra de menús
La barra Menús es donde están clasificadas distintas opciones que se clasifican en:










Menú de archivo
Menú de edición
Menú ver
Menú seleccionar
Menú modificar
Menú Texto
Menú de comandos
Menú de Filtros
Menú de ventanas
Menú de ayuda

Tecnología Plus

Página 4

TECNOLOGÍA PLUS 2015
HTML5
Jhansi Giovanni Aguilar Saravia
Barra de navegación
En esta barra como su nombre lo dice es un navegador aquí se van haciendo pestañas conforme
se valla creandonuevos documentos y opciones de vista para ver el mismo documento.
Barra de herramientas
Aquí se agrupan todas la herramientas que utilizaran para hacer los trabajos desde la herramientas
de puntero hasta la de vista como las de zoom cabe destacar que una de las herramientas más
importante es la pluma que se detallara su huso más adelante.
Lienzo
Aquí es el área de trabajo donde se van poniendolas imágenes haciendo los vectores, además es
donde se visualizara todo el trabajo que realizamos.
Barra de propiedades
Es donde se van dando propiedades a los distintos objetos que se vallan creando en el lienzo o
herramientas que vamos utilizando.
Grupo de paneles
Estos son grupos de paneles donde se van dando distintas tareas ya sea tanto para modificar el
documento, colorearlo, paracrear capas entre otros. Pueden ir cambiando conforme el usuario lo
requiera y entre más ventanas se vallan agregando.

Barra de Herramientas.
La barra de herramientas se dividen en categorías que están compuesto por varias herramientas vamos
algunas de ellas:

Categoría Selección:
Encontramos en esta categoría herramienta puntero, sub selección, escalar y recorte.

Tecnología PlusPágina 5

TECNOLOGÍA PLUS 2015
HTML5
Jhansi Giovanni Aguilar Saravia

Categoría Mapa de bits.
Esta categoría está formada por la herramienta recuadro, lazo, varita mágica, pincel, lápiz,
borrador, desenfocar y sello.

Categoría Vector.
Es la que más utilizaremos por las herramientas que contiene entre las cuales tenemos:
Herramienta línea, pluma, rectángulo, texto y estilo libre.Categoría WEB.
En esta sección encontramos las siguientes herramientas:
Zona interactiva, herramienta división, ocultar divisiones y zonas activas, mostrar
divisiones y zonas activas.

Categoría Colores.
Aquí encontramos todas las opciones de colores que podemos establecer a nuestro
trabajo como son cubo de pintura y la herramienta de degradado.

Categoría Ver.
Si lo que deseas es...