Actividad 4_desarrollo De Paginas Web.docx

Nombre de la materia Desarrollo de páginas web Nombre de la Licenciatura Ingeniería en sistemas Computacionales Nombre del alumno Luis Manuel Mora López Matrícula 000577912 Nombre de la Tarea Unidad # Unidad 4. Imágenes digitales Nombre del Profesor Prof. Heriberto Hernández González Fecha 28/01/2019

Unidad 4: Imágenes digitales Desarrollo de páginas web

ACTIVIDAD 4 “¿Sabías que… Lo primero que hacemos cuando queremos conocer a una empresa es buscarla por Internet, mirar sus redes sociales, analizar cual es la imagen que proyecta, de ahí la importancia del adecuado manejo de la imagen digital”.

Objetivos: 

Reconocer los diferentes formatos de las imágenes digitales y su utilización.



Identificar las características de las imágenes digitales.

Instrucciones: Revisa los siguientes materiales pertenecientes a los recursos de la semana 4: Página web 

Formatos de imágenes . (Ministerio de Educación, Política Social y Deporte, 2008). Describe los procedimientos más habituales de optimización y tratamiento de imágenes.



Imagen

digital:

conceptos

básicos.

(González,

2005).

Explica los conceptos relacionados al uso y diferenciación de las imágenes. Deberás

descargar

la

actividad

en

Word

y

responder

directamente

documento.

Forma de evaluación: Criterio

Ponderación

Presentación

10%

Desarrollo de ejercicios

90%

Ejercicio I

20%

Ejercicio II

20%

Calificación obtenida

en

el

Unidad 4: Imágenes digitales Desarrollo de páginas web

Ejercicio III

15%

Ejercicio IV

20%

Ejercicio V

15%

Desarrollo de la actividad: I.

Las imágenes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.

Completa el siguiente cuadro con la ventaja e inconveniente de los formatos de imágenes propuestos (Valor 20%).

BMP (Bitmap = Mapa de bits) Ventaja:

Inconveniente:

Guarda

gran

cantidad

de

información de la imagen.

El archivo tiene un tamaño muy grande.

GIF (Graphics Interchange Format = Formato de Intercambio Gráfico) Ventaja: Es

un

Inconveniente: formato

idóneo

para

publicar dibujos en la web.

No

es

recomendable

para

fotografías de cierta calidad ni originales ya que el verdadero utiliza una paleta de más de 256 colores.

JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos) Ventaja:

Inconveniente:

Es ideal para publicar fotografías

Si

en la web siempre y cuando se

compresión se pierde calidad. Por

configuren

este motivo no es recomendable

adecuadamente

dimensiones y compresión.

se

define

un

factor

para archivar originales.

de

Unidad 4: Imágenes digitales Desarrollo de páginas web

TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada) Ventaja:

Inconveniente:

Es ideal para archivar archivos

Produce archivos muy grandes.

originales. PNG (Portable Network Graphic = Gráfico portable para la red) Ventaja:

Inconveniente:

Admite fondos transparentes en

No permiten anumación.

8-bits

II.

Las imágenes digitales más utilizadas en la actualidad tienen los formatos: BMP, GIF, JPG, TIF y PNG; y cada una de ellas tiene unas propiedades que definen su nivel de utilización.

Responde si es Falso o Verdadero considerando el nivel de utilización de los diferentes formatos de las imágenes digitales (Valor 20%). Afirmaciones

Falso o verdadero

El formato GIF ha sido muy utilizado porque fue desarrollado para

Falso

aplicaciones Windows. El formato BMP ha sido diseñado específicamente para comprimir

Falso

imágenes digitales. Cada vez que se modifica y guarda un archivo JPEG, se puede

Verdadero

perder algo de su calidad si se define cierto factor de compresión. El formato TIF utiliza cualquier profundidad de color de 1 a 32 bits.

Verdadero

El formato BMP es un formato de reciente difusión alternativo al

Falso

GIF.

Unidad 4: Imágenes digitales Desarrollo de páginas web

III.

Cuando producimos imágenes, tomando fotos o escaneando un documento, por ejemplo, tenemos que tomar algunas decisiones para alcanzar un compromiso entre la calidad de la imagen y el tamaño del archivo. Para tomar bien esas decisiones hay que tener claros algunos conceptos básicos.

Escribe la deficnición para los conceptos propuestos (Valor 15%).

CONCEPTO 1. TONO

DEFINICIÓN Se refiere a la longitud de onda dominante en la luz emitida o reflejada por un objeto.

2.- PROFUNDIDAD

Es el número de bits utilizados para describir el color de cada pixel de la imagen.

3.- RESOLUCIÓN

Es la cantidad de pixeles que la componen. Cuanto mayor es la resolución de una imagen más calidad tendrá su presentación.

4.- SATURACIÓN

Es la propiedad que describe la viveza del color. Un color muy saturado es un color con una tonalidad intensa y pura.

5.- LUMINOSIDAD

La es la cantidad de luz reflejada. Se trata por tanto de una magnitud relativa que se expresa en forma de porcentaje, desde el 100%

Unidad 4: Imágenes digitales Desarrollo de páginas web

(luminosidad total) hasta el el 0% (oscuridad total)

IV.

Vivimos una era en la que todas las formas de la información están sufriendo un proceso de digitalización. Las imágenes, por supuesto, no han podido escapar a este proceso. La fotografía, el cine, la televisión, el diseño gráfico e, incluso, el diseño industrial producen miles de imágenes digitales, que son almacenadas en algún soporte físico, enviadas por un medio de transmisión electrónico, presentadas en una pantalla o impresas en papel en algún dispositivo.

Relaciona

las

siguientes

columnas

colocando

en

el

paréntesis

el

número

correspondiente (Valor 20%).

DESCRIPTOR 1.- MODO CMYK

CONCEPTO (3)

Están compuestas por entidades geométricas simples: segmentos y polígonos básicamente.

2.- LAS IMÁGENES DE MAPA DE

(2)

BITS

Están construidas mediante una gran cantidad de cuadraditos, llamados pixel.

3.- IMÁGENES VECTORIALES

(1)

Modo de color que se utiliza para describir el color que se obtendría si tiñésemos un papel con tintas de colores.

4.- MODO HSB

(6)

Al estar compuesta también por puntos o dots muy próximos entre sí, es calculada con el número de puntos por unidad de longitud en la pantalla.

5.- MODO RGB

(4)

Clasifica los colores de acuerdo a

Unidad 4: Imágenes digitales Desarrollo de páginas web

tres características básicas: tono, saturación y luminosidad. 6.- RESOLUCIÓN DEL MONITOR

(5)

Es el que se utiliza en todos los procesos en los que el color se obtiene por mezcla aditiva de luces.

V.

Los programas más utilizados para generar, o editar imágenes bitmap son el famoso Photoshop de Adobe y el Photopaint de Corel. Afortunadamente, existe una alternativa de software libre llamada The Gimp, un programa excelente, potente y profesional, que tiene muy poco que envidiar al costoso Photoshop.

Completa los espacios compartiendo la imagén solicitada según el caso (Valor 15%). 1. Imágen con resolución adecuada

Unidad 4: Imágenes digitales Desarrollo de páginas web

2. Imágen con baja resolución

3. Imágen de un bit de profundidad

Unidad 4: Imágenes digitales Desarrollo de páginas web

4. Imágen de 16 bit de profundidad

Escriba las referencias bibliográficas (formato APA).

Fuentes de información: -Diseño de Materiales Multimedia (2008) Formatos de imagen. Obtenido de ite.education.es: http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0105.html -González (2005) Imagen digital: conceptos básicos. Obtenido de platea.pntic.mec.es: http://platea.pntic.mec.es/~lgonzale/tic/imagen/conceptos.html