TECNOLÓGICO DE MONTERREY CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB
DESCRIPCIÓN DEL CURSO
TEMA 2
TEMA 3
TEMA 4
TEMA 5
PREGUNTAS FRECUENTES
SITIIOS DE INTERÉS
GLOSARIO
INICIO
TEMARIO
TEMA 4: Formato avanzado del documento  
 
4.2 Imágenes

Después de esta explicación seguramente te estarás preguntando ¿de dónde sacar imágenes para tu sitio o cómo hacerlas?, bueno existen muchísimos programas para editar imágenes (como el Corel Paint, Paint shop Pro, Coffeecup, etc.) y muchos otros sitios más en la Internet, para obtener imágenes gratuitamente.
En este caso y como te estás iniciando en el mundo del Internet, te recomendamos optar por el uso de
imágenes de archivo o de colección (conocidos como clipart en inglés). Usando algún buscador podrás localizar cientos de páginas con archivos de este tipo. La sección de Sitios de Interés de este curso cuenta con algunas recomendaciones sobre colecciones de clipart dentro del Internet.

Otras opciones pueden ser las
cámaras digitales o los escáners, si dispones con alguno de estos recursos, podrás generar tus propias imágenes, sólo ten precaución de mantener las imágenes con bajo peso (menos de 6kb u 8kb para gifs y menos de 20 kb para los jpeg, es lo ideal).

Para insertar imágenes dentro del código, debes de:
En la pestaña de HTML
1. Coloca el cursor en la posición donde quieres que aparezca la imagen.
2. Da un clic en el icono de imagen que se encuentra en la barra de herramientas.
3. Se desplegará una caja de diálogo en la cuál aparece un espacio para localizar la ruta de la imagen oprimiendo el botón Browse. (falta imagen del editor)
4. Selecciona la imagen y configura su ancho (width), altura (heigth), alineación (align).
5. Da clic en OK.
6. La imagen será insertada en el código y a través del Panel de Propiedades, podrás ajustar sus atributos.

En la pestaña de Design
Sigue las indicaciones descritas en la pestaña de HTML.


Veamos cómo quedaría el código cuando insertamos una imagen:

IMÁGENES imagen.html
<BODY bgcolor="#FFFFFF" text="#993300" link="#9933FF" vlink="#CC99FF" alink="#9933FF">
<!-Inicio de los ejemplos-->
<h3 align="center">
<font face="Arial, Helvetica, sans-serif">Esta es la tiendita de mi comunidad</font><br>
</h3>

<img src="../images/clipart/ft_tiendita.jpg" width="300" height="225" border="4" align="right" hspace="5">
....
</BODY>

TIPS
Visita la página cómo usar una colección de clipart, para que tengas una idea de dónde y cómo empezar.
El promedio máximo de una imagen es de unos 6kb u 8kb para gifs y de menos de 30 kb para los jpeg, estos pesos evitarán que tarde su descarga.
 
 
TEMARIO