I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .
-
Upload
miguel-angel-valenzuela-aguilera -
Category
Documents
-
view
222 -
download
0
Transcript of I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .
![Page 1: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/1.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/2.jpg)
<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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/3.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/4.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/5.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/6.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/7.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/8.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/9.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/10.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/11.jpg)
![Page 12: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/12.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/13.jpg)
![Page 14: I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/14.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/15.jpg)
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 .](https://reader033.fdocuments.ec/reader033/viewer/2022051622/5665b49e1a28abb57c92b65f/html5/thumbnails/16.jpg)