Make your own free website on Tripod.com

Practica #5. Imagenes.

Objetivo

El alumno aprendera a utilizar las etiquetas para insertar imagenes y modificar sus atributos.

Material

  1. Notepad (Block de notas).
  2. IE (Internet Exporer).
  3. 1 Archivo de una imagen. De preferencia con formato Gif.
  4. Documento con la descripción y funcionamiento de las etiquetas para insertar imagenes en un documento html y sus atruibutos relacionados.

Procedimiento

1. Escribir el siguiente código html en el programa notepad:

<html>
<head>
<title>La imprenta en casa</title>
</head>
<body>

<p><img src="sator-arepo.gif" align="left" vspace="10" hspace="10">
<b><font color="#3366FF" size="3">La imprenta en casa</font></b></p>
<p>Este es un artículo introductorio, al que sigue un segundo artículo
sobre la elección del tipo de letra para los diseños y publicaciones.
</p>
<p>Sorprende mucho la escasa sensibilidad que la mayoría de los usuarios
tienen respecto de la tipografía. A pesar de que la configuración
básica de un equipo doméstico o de oficina, con una impresora
láser o de inyección de tinta a color, pone a nuestro alcance
crear documentos impresos con una calidad digna de imprenta, la mayoría
de la gente se conforma con emplear el ordenador como una especie de máquina
de escribir sofisticada. Y no es eso. Debería ser mucho más.
Con estos equipos, tenemos en nuestras manos aquello que hace unos pocos
años era sálo posible para publicaciones importantes: imprimir
a todo color, con elevada calidad y con muchos tipos de letra para elegir.
Siempre nos ha parecido una de las cosas más fascinantes de los ordenadores,
si no la que más.
</p>

</body>
</html>

2. Guardar el archivo con el nombre practica_m5.html.

3. Dar click en el botón derecho del mouse sobre la imagen y elegir la opción "Save Picture As". Aparecera una ventana, en ella indique el nombre y el folder donde la desea grabar.

4. Cambiar el valor de los atributos align, vspace y hspace y verificar su correcto funcionamiento con el Internet Explorer para cada caso.

5. Utilizando el archivo de imagen arriba. Cree una tabla de una sola celda y coloquelé como fondo (atributo background) la imagen. El texto sera el contenido de la celda.

6. Adicionalmente, tome un articulo que contenga imagenes de una revista y agregeselo al documento html creado por el punto 5.

6. Verificar su correcto funcionamiento con el Internet Explorer.


Fecha de última actualización: Enero 30, 2005.