Html
agers1Informe13 de Febrero de 2013
792 Palabras (4 Páginas)247 Visitas
Cuando el visitante pulse sobre el texto activo, en este caso ’imagen externa’ el navegador bajará la imagen de
Internet y luego la mostrará o ejecutará otra aplicación que pueda mostrarla.
Aunque hasta ahora hemos usado los links para enlazar otras páginas HTML y en este mismo apartado para insertar
imágenes externas en realidad la utilidad de esta etiqueta va mucho más allá. De hecho podemos enlazar a nuestra
página cualquier tipo de archivo, en la mayoría de los navegadores actuales cuando el usuario selecciona un enlace
a un archivo que ellos mismos no pueden visualizar le ofrece dos opciones: guardar el archivo en el disco duro o
llevar a cabo una acción en función del tipo de archivo. Esta última opción consiste en ejecutar el archivo si es
ejecutable, usar un programa descompresor si es un archivo comprimido, visualizarlo con un programa adecuado
si es un vídeo, etc.
Thumbnails
Como hemos adelantado antes, con este nombre se conoce al resultado de la combinación de imágenes inline con
imágenes externas. El objetivo de los thumbnails es proporcionar una previsualización, un aperitivo, de la imagen
completa (que será externa) usando una imagen inline de menor tamaño. Esta imagen inline es, de hecho, la que
recibe el nombre de thumbnail, y será o bien una versión de dimensiones reducidas de la imagen final o una parte
de ella. En general, o bien el propio thumbnail, o bien un texto adjunto (o ambas cosas) servirán como enlace para
obtener la imagen completa tal y como podemos ver en la figura 5.27.
142
Imágenes y color en el WWW
Figura 5.27. Ejemplos de Thumnails. En el primer caso se muestra un trozo de la imagen
y en el segundo la imagen completa reducida, el efecto es similar en ambos casos.
que muestra dos ejemplos de thumbnails de la imagen completa de la figura 5.28.
143
Imágenes y color en el WWW
Figura 5.28. Imagen completa que será mostrada cuando el visitante seleccione los enlaces
que acompañan a los thumbnails de la figura 5.27
Como vemos, el uso de thumbnails permite al visitante si decide cargar la imagen completa elegir entre el formato
GIF, de mayor tamaño y calidad, o en formato JPEG con calidad ligeramente peor pero mucho menor tamaño.
Sobre las imágenes de aperitivo hay que decir que en el primer caso se ha usado un trozo de la imagen mientras
que en el segundo se ha usado la imagen entera que ha sido reducida en tamaño con un programa de edición
de imágenes. En ambos casos el tamaño de la imagen a quedado reducido a unos 15-20Kb que las hace más
apropiadas para incluirlas como imágenes inline.
144
Imágenes y color en el WWW
Aviso
Es importante resaltar que para la creación de thumbnails no se pueden usar los atributos WIDTH y
HEIGHT ya que se perdería su utilidad. El objetivo del thumbnail es tener una imagen en un archivo
aparte que sea de menor tamaño en bytes que la original para que cargue más rápido. Al usar WIDTH
y HEIGHT la imagen sigue siendo la misma, y por tanto su tamaño también, luego no conseguiremos
reducir el tiempo de carga.
El uso apropiado imágenes externas y de thumbnails nos permitirá crear páginas de gran contenido gráfico y de
pequeño tamaño.
Imágenes mapa
Empezamos a adentrarnos ya en algunas de las características más avanzadas del lenguaje HTML. En este caso es
el turno de las imágenes mapa.
Con bastante probabilidad el lector habrá visitado alguna página en la que había alguna imagen en la que se podía
pulsar en diferentes partes para acceder a diferentes destinos. Estas son las llamadas imágenes mapa y en la gran
...