tecnico

Fundamentos de Desarrollo Web
Laboratorio N° 5

LABORATORIO Nº 5
Al finalizar el laboratorio el participante estará en capacidad de:
•

Optimizar, retocar e implementar imágenes para unapágina web.

ENUNCIADO 1 :
Se solicita crear una galería de imágenes para “PeruNatura” (http://perunatura.pe/galeria.html) la cual
muestra la diversidad de productos peruanos y su utilización en laelaboración de diversos dulces y
manjares. Nos han proporcionado una cantidad de imágenes de alta resolución las cuales deben ser
optimizadas y recortadas antes de ser insertadas en la página web.Paso 1 – Creando el sitio web local
1.

Empezaremos a diseñar nuestro ejercicio utilizando el programa Adobe Dreamweaver.

Paso 2 – Optimizar imágenes en Fireworks
1.
2.

Empezaremos aoptimizar nuestras imágenes utilizando el programa Adobe Fireworks.
Las imágenes se encuentran en el archivo, abriremos una de ellas:

Pag. 1

Fundamentos de Desarrollo Web
Laboratorio N° 5

Use laopción 2 copias para
visualizar la diferencia de las
imágenes.

Observe el peso de la
imagen inicial 49.50K.

3.

Activemos la ventana optimizar para empezar a modificar la imagen:

4.Vayamos a la ventana optimizar observe los valores iniciales de calidad:

Pag. 2

Fundamentos de Desarrollo Web
Laboratorio N° 5

Valores iniciales.

5.

Modifiquemos los valores inicialesde la imagen para que tenga un peso menor:

Bajamos el valor de la
calidad.
Bajamos el valor del
suavizado.

Dejaremos formato JPEG si
usamos PNG distorsionaría la
imagen.

Pag. 3Fundamentos de Desarrollo Web
Laboratorio N° 5

Observe el peso de la
imagen final 29.68K.

Paso 3 – Recortando imágenes en Fireworks:
1.

Estando activa la imagen trabajada usaremos la herramientarecortar:

Pag. 4

Fundamentos de Desarrollo Web
Laboratorio N° 5

Herramienta recortar.

2.

Estando activa la herramienta recortar le damos un tamaño: ancho 581 y alto 384 y la...