tecnico
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. 3Fundamentos 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...
Regístrate para leer el documento completo.