Imágenes En Paginas Web

Imágenes en paginas web iem 2009
Tener una página Web está muy bien, pero es mucho mejor si ésta tiene ilustraciones. Además, todo lo que se necesita es una etiqueta para integrar todo tipo de imágenes en su sitio.

IMAGENES
Esta presentación muestra como colocar imágenes en las paginas web atraves del lenguaje HTML.

Incorporación de imágenes
Cuando ya elegiste la imagen , se deberá incluir una posición para ella. Es ahí donde se coloca la etiqueta <IMG>.
La etiqueta <IMG> necesita al menos un atributo para trabajar: SRC, cuyo valor es la localización y el nombre del archivo que contiene la imagen que se debe visualizar.Dos otros atributos: WIDTH y HEIGHT son opcionales, pero se recomienda utilizarlos y son muy útiles. Los valores que toman definen la anchura y la altura de una imagen, y permiten al navegador conocer por adelantado el tamaño de la imagen de manera que éste pueda organizar el texto de manera consecuente. Estos valores también permiten aumentar o reducir el tamaño de una imagen para obtener croquis.Otro atributo, ALT, permite añadir una descripción que aparece en la pantalla cuando no se puede encontrar el recurso de imagen en el lugar esperado.Este es un ejemplo de inserción de una imagen con todos los atributos que hemos visto en:<IMG SRC="images/my_image.gif" WIDTH="250" HEIGHT="100" alt="Holiday photo">En este ejemplo, la imagen my_image.gif debe estar en el directorio images.En el ejemplo siguiente, se ve la misma imagen con diferentes atributos de HEIGHT, WIDTH y ALT:

Disposición de un texto alrededor de imágenes
A veces, la disposición del texto alrededor de las imágenes puede ser un verdadero dolor de cabeza. Afortunadamente, algunos de los atributos de la etiqueta <IMG> lo facilitan.Se pueden utilizar dos atributos para definir los márgenes alrededor de las imágenes: HSPACE y VSPACE. Éstos definen el número de píxeles que separan las imágenes de los elementos circundantes, independientemente de si estos elementos son textos u otras imágenes.El atributo ALIGN especifica la alineación vertical de la imagen con respecto al texto circundante:ALIGN="bottom" indica que se alineará la parte inferior de la imagen con respecto a la línea de base del texto.
ALIGN="middle" indica que se alineará el centro de la imagen con respecto a la línea de base del texto.
ALIGN="top" indica que se alineará la parte superior de la imagen con respecto a la línea de base del texto.
Ejemplos:

Imagen de fondo
No sólo se colocan imágenes en un texto. Gracias a la etiqueta <BODY> y a su atributo BACKGROUND, también pueden aparecer como fondo de una página.Ejemplo: <BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINF="#0000FF" VLINK="#000080" BACKGROUND="background.gif">Se utiliza la imagen background.gif como un diagrama, visualizada de manera repetida en el fondo (como mosaico). Si no se puede encontrar, se visualizará como fondo el color especificado o predeterminado.
Elección de la imagen. La elección de la imagen o del color de fondo es una decisión importante; el texto visualizado sobre el fondo debe ser todavía legible.

Atributos del elemento IMG
La siguiente tabla resume los diferentes atributos que se pueden utilizar con la etiqueta <IMG>:

Trabajo practico informáticaPERÍODO DE INTEGRACIÒN
Realizado por Néstor David Medina Ballón 6to 2da
IEM 2009