Texto + Im·genes = Multimedia
Multimedia + WWW = Global HyperMedia
øLo coge?
esta imagen de una "Gran M".
El formato HTML para la etiqueta de la imagen inline es:
<img src="nombre_de_archivo.gif">
donde nombre_de_archivo.gif es el nombre de un archivo GIF que resida en el mismo directorio/carpeta que su documento HTML. Por "inline" queremos dar a entender que un web Browser mostrar· la imagen "dentro" del texto.
Note cÛmo el texto sigue inmediatamente a continuaciÛn de la "Gran M" øCÛmo harÌamos si quisiÈramos que la "Gran M" estuviera sÛla en su propia lÌnea? Para forzar a la imagen a aparecer en una lÌnea separada
simplemente insertarÌamos una etiqueta de par·grafo antes de la etiqueta de imagen:
<p> <img src="nombre_de_archivo.gif">
<img align=top src="nombre_de_archivo.gif">
<img align=middle src="nombre_de_archivo.gif">
<img align=bottom src="nombre_de_archivo.gif">
Note cÛmo sÛlo se alinea una lÌnea de texto... (haga m·s pequeÒa o m·s grande la ventana de su web Browser para ver quÈ ocurre). Con HTML 2.0 no se pueden tener bloques de texto adyacentes a la imagen. En una lecciÛn posterior veremos un modo para crear dicho efecto.
En este ejercicio usted aÒadir· una imagen de un volc·n como introducciÛn a su lecciÛn.
<img src="lava.gif">
Este cÛdigo HTML insertar· al principio de su p·gina, la imagen de lava que se bajÛ en la lecciÛn previa.
Bajo estas condiciones, un browser sin capacidad gr·fica ver· una descripciÛn de la misma tal y como por ejemplo nuestra p·gina de trabajo:
[IMAGE]
Web de Volcanes
En esta lecciÛn usar· la Internet para buscar informaciÛn
sobre volcanes y luego escribir un informe sobre los resultados.
-----------------------------------------------------------------
En Esta LecciÛn...
Esto le permite a un browser saber que ahÌ hay un gr·fico, en dicha posiciÛn. Sin embargo, se puede modificar
la etiqueta <img> de modo que mejor que un "recordatorio gr·fico" aparezca un texto alternativo.
Por ejemplo, en nuestra lecciÛn podrÌamos aÒadir eso de "Una LecciÛn Sobre:" modificando la etiqueta <img>
y que quede como:
<img alt="Una LecciÛn Sobre:" src="lava.gif">El atributo alt="..." remplazar· el icono gr·fico con una cadena de texto en los browsers de sÛlo-texto (o browser gr·fico con la carga de im·genes desactivada) mostrando:
Una LecciÛn Sobre:
Web de Volcanes
En esta lecciÛn usar· la Internet para buscar informaciÛn
sobre volcanes y luego escribir un informe sobre los resultados.
-----------------------------------------------------------------
En Esta LecciÛn...
AÒada ahora esta modificaciÛn en la etiqueta <img> que muestra la imagen del volc·n en su p·gina HTML.
El formato para incluir esta opciÛn es:
<img src="nombre_de_archivo.gif" width=X height=Y >donde X es la anchura de la imagen e Y es la altura de la misma en pixeles.
Existen programas gr·ficos usuales que ayudan a determinar estos n™meros. Otro modo de conocer las dimensiones del tamaÒo de una imagen es cargarlas en su web Browser (debe ser capaz de disponer de "drag-n-drop" y entonces arrastrar el icono del archivo en la ventana del Browser) y la altura y anchura aparecer·n en la barra de tÌtulos.
Para nuestro ejemplo en esta lecciÛn, la imagen lava.gif es 300 pixeles de ancho por 259 de alto. AsÌ, ahora deberÌa editar su archivo volc.htm de modo que quede como:
<img alt="Una LecciÛn Sobre:" src="lava.gif" width=300 height=259>
NOTA: El orden de los atributos dentro de la etiqueta <img> no tiene importancia.A menudo nos preguntamos si se puede alterar el tamaÒo de la imagen insertando n™meros distintos de las dimensiones reales de la misma. La respuesta es si, pero los resultados pueden ser no los mejor deseados. Si incluye n™meros muy grandes (para hacer la imagen m·s grande) el resultado ser· un bloque. Con n™meros pequeÒos, para hacer la imagen m·s pequeÒa, la imagen saldr· distrosionada. Puede experimentar y verlo usted mismo. °QuerrÌamos equivocarnos!
Si ve un icono con una interrogaciÛn:
aseg™rese primero de que el archivo HTML y la imagen GIF residen ambos en el mismo directorio o carpeta. Luego compruebe que el nombre del archivo de la imagen es el correcto en su archivo HTML, en la etiqueta <img... >
NOTA IMPORTANTE: Algunos sistemas inform·ticos (por ejemplo, UNIX) distinguen entre may™sculas y min™sculas (del inglÈs, "case sensitive") para los nombres de los ficheros, queriendo esto decir que el archivo "lava.GIF" NO ES el mismo que "lava.gif". Otros ordenadores (como el Macintosh) los consideran un mismo archivo. Pero, incluso si su ordenador no diferencia entre caracteres le recomendamos encarecidamente que sea lo m·s consistente posible con estos pequeÒos detalles como el de que los nombres de los archivos sean los mismos, tanto el nombre en sÌ como la referencia en un documento HTML. Incluso haciendo la distinciÛn entre may™sculas y min™sculas. (Muchos servidores de WWW corren sobre UNIX)
El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al espaÒol por agma@usa.net
URL: