Download - I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Transcript
Page 1: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Práctica 7

I M A G E N E S

Page 2: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

<IMG SRC="http://www.cualquiersitio.com/IMAGEN.JPG"> muestra la imagen "IMAGEN.JPG"

que se encuentra en la URL http://www.cualquiersitio.com

Page 3: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Ajustar el texto alrededor de una imagen

<BODY>

<IMG SRC=“IMAGEN.JPG” ALIGN=LEFT>

<IMG SRC=“IMAGEN.JPG” ALIGN=RIGHT>

</BODY>

Page 4: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Detener el ajuste del texto<BR CLEAR=?>

<BODY>

<IMG SRC=“IMAGEN.JPG” ALIGN=LEFT>

<BR> HASTA AQUÍ LLEGARÁ MI TEXTO <BR CLEAR=LEFT>

LEFT - RIGHT - ALL

</BODY>

Page 5: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Agregar espacio alrededor de una imagen

Podemos aumentar la cantidad de espacio alrededor de una imagen para destacar la

apariencia de la página web. Podemos hacerlo a los lados (izquierdo y derecho) o

bien en la parte superior e inferior.

Page 6: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Agregar espacio alrededor de una imagen

HSPACE VSPACE<BODY>

<IMG SRC=“IMAGEN.JPG” ALIGN=LEFT HSPACE=30> TEXTO

<IMG SRC=“IMAGEN.JPG” ALIGN=LEFT VSPACE=30> TEXTO

</BODY>

Page 7: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Definir el tamaño de una imagenHEIGHT y WIDHT

Una forma bastante "artificial" de dimensionar las imágenes es utilizando los atributos HEIGHT

(altura) y WIDHT (ancho) de la etiqueta <IMG>.

Otro uso de estos atributos es especificar el

tamaño real de las imágenes para que el navegador reserve el espacio que ocupará la imagen.

Estos atributos están dados en píxeles.

<IMG SRC=“IMAGEN.JPG” WIDHT="200“ HEIGHT="100" >

Page 8: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Agregar una imagen de fondoBACKGROUND

<BODY BACKGROUND=«IMAGEN.JPG»>

</BODY>

Page 9: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Convertir una imagen a GIF o JPG

Podemos convertir una imagen de formato GIF o JPG, son los formatos de imágenes más

populares en la web. Para convertir una imagen al formato GIF o JPG se necesita un

programa de edición de imágenes.

Page 10: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Convertir una imagen a GIF o JPG

Pasos:

1. Abrimos el editor de imágenes.

Page 11: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .
Page 12: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Convertir una imagen a GIF o JPG

Pasos:

2. Seleccionamos ARCHIVO.

3. Seleccionamos el formato en que deseamos guardar nuestra imagen y damos guardar.

Page 13: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .
Page 14: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Diferencia entre una imagen a GIF y JPG

GIF: Las imágenes del Formato de Intercambio de Gráficos (GIF) están limitados a 256 y son usadas a menudo para logotipos, cintas y arte generado por computadora. Tienen la extensión .gif

JPG: Las imágenes del Grupo de Expertos Fotográficos Conjunta (JPG) pueden tener millones de colores y son a menudo usadas para fotografías muy grandes. Tienen la extensión .jpg

Page 15: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .

Reducir el tamaño de una imagen

Podemos reducir el tamaño de una imagen, para lo cual necesitamos un programa de

edición de imágenes.

Page 16: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .