i m a g e n e s. muestra la imagen "imagen.jpg" que se encuentra en la url

16
Práctica 7 I M A G E N E S

Upload: miguel-angel-valenzuela-aguilera

Post on 24-Jan-2016

222 views

Category:

Documents


0 download

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