SlideShare a Scribd company logo
1 of 13
Download to read offline
Imágenes
Prof. Eudes
Extensiones de archivos de imagen
• En informática, una extensión de archivo o extensión de fichero, es
una cadena de caracteres anexada al nombre de un archivo,
usualmente precedida por un punto. Su función principal es
diferenciar el contenido del archivo de modo que el sistema operativo
disponga el procedimiento necesario para ejecutarlo o interpretarlo,
sin embargo, la extensión es solamente parte del nombre del archivo y
no representa ningún tipo de obligación respecto a su contenido.
JPEG
• JPEG (del inglés Joint Photographic Experts Group, Grupo Conjunto de
Expertos en Fotografía), es el nombre de un comité de expertos que creó un
estándar de compresión y codificación de archivos de imágenes fijas. Este
comité fue integrado desde sus inicios por la fusión de varias agrupaciones
en un intento de compartir y desarrollar su experiencia en la digitalización de
imágenes. La ISO, tres años antes (abril de 1983), había iniciado sus
investigaciones en el área.
PNG
• Portable Network Graphics en un formato gráfico basado en un algoritmo
de compresión sin pérdida, fue desarrollado para solventar las carencias del
GIF y permite mayor profundidad de contraste. Es un formato sin perdida
de calidad con una excelente compresión, ideal para imágenes formadas por
grandes áreas de color plano o con pocas variaciones de color (y soporta
transparencias). Sus características lo hacen ideal para su uso en internet,
pero no ha tenido la expansión que se esperaba (algunos navegadores no lo
visualizan correctamente).
GIF
• Es un formato diseñado por Compu Serve y son las siglas del inglés Graphic
Interchange Format (Formato Gráfico de Intercambio), puede almacenar
hasta 256 colores, por lo que pertenece a imágenes muy sencillas, como
dibujos, rayas, tramados y su peso es mínimo. Es multiplataforma y se usa
habitualmente en internet para logotipos (soporta animación), aunque debido
su simpleza, es menos frecuente cada día.
BMP
• Windows bitmap (.BMP) es el formato propio del programa, que viene con
el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7
millones de colores), 8 bits (256 colores) y menos. Puede darse a estos
archivos una compresión sin pérdida de calidad: la compresión RLE (Run-
length encoding).
<IMG>
• El uso de imágenes es uno de los factores que ha popularizado tanto World
Wide Web. Incluir imágenes en una presentación web es muy sencillo, solo
debe de tener en cuenta que las imágenes tienen que tener los formatos GIF,
JPEG o PNG. Las imágenes en línea, se especifican a partir de la
tag <img> que no tiene una tag correspondiente de cierre pero que puede
acompañarse de los siguientes atributos:
<IMG SRC="/graficos/logo.jpg"
src
• Este atributo es obligatorio e indica el nombre del archivo de imagen (entre
comillas) o la URL que se va a representar.
<IMG SRC="/graficos/logo.jpg"
Align
• Permite controlar la alineación de una imagen con respecto a una línea de
texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son
los ya conocidosleft, right, top, middle y bottom.
<IMG align=middle> </IMG>
Alt
• Es la alternativa que se estableció cuando todavía existían visualizadores de
solo texto. Entre comillas podremos escribir un texto que suplantara a esta
imagen si no se carga o mientras se carga o cuando, visualizando ya la
imagen, pasamos el ratón por encima.
<IMG ALT="Un bebé"> </IMG>
WIDTH
• Este atributo es opcional pero es recomendable ponerlo para ayudar al
navegador a representar la imagen, significa el ancho de la imagen que vamos
a representar.
<IMG SRC="/graficos/bebe1.jpg" WIDTH=140></IMG>
HEIGHT
• Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este
significa el alto de la imagen.
<IMG SRC="/graficos/logo.jpg" HEIGHT=210
></IMG>
BORDER
• Con BORDER especificamos el ancho de un borde que rodea la imagen.
<IMG SRC="/graficos/logo.jpg" WIDTH=140
HEIGHT=210 BORDER=0 ALT="Un bebé">

More Related Content

What's hot

Practica 23.- Conceptos Básicos de Dreamweaver
Practica 23.- Conceptos Básicos de DreamweaverPractica 23.- Conceptos Básicos de Dreamweaver
Practica 23.- Conceptos Básicos de Dreamweaverguest2ffa5a
 
Kike tarea
Kike tareaKike tarea
Kike tareaKike Tun
 
Cómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksCómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksMaritzol Tenemaza
 
Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksColectivo Arista
 
Formato de imagen.pptx presentacion
Formato de imagen.pptx presentacionFormato de imagen.pptx presentacion
Formato de imagen.pptx presentacionJoNathaan Piiandaa
 
Practica 23 Presentación PPt.
Practica 23 Presentación PPt.Practica 23 Presentación PPt.
Practica 23 Presentación PPt.guest063026
 
Taller de imagen digital
Taller de imagen digitalTaller de imagen digital
Taller de imagen digitalMaría Pérez
 
Tabla De De Datos Caperucita
Tabla De De Datos CaperucitaTabla De De Datos Caperucita
Tabla De De Datos Caperucitascratchfire
 

What's hot (17)

PRACTICA 23
PRACTICA 23PRACTICA 23
PRACTICA 23
 
Lupita 24
Lupita 24Lupita 24
Lupita 24
 
Formato de imágenes
Formato de imágenesFormato de imágenes
Formato de imágenes
 
Practica 23.- Conceptos Básicos de Dreamweaver
Practica 23.- Conceptos Básicos de DreamweaverPractica 23.- Conceptos Básicos de Dreamweaver
Practica 23.- Conceptos Básicos de Dreamweaver
 
Kike tarea
Kike tareaKike tarea
Kike tarea
 
Cómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksCómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworks
 
Practica 23
Practica 23Practica 23
Practica 23
 
Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con Fireworks
 
Practica 23
Practica 23Practica 23
Practica 23
 
PráCtica 23
PráCtica 23PráCtica 23
PráCtica 23
 
Practica 23
Practica 23Practica 23
Practica 23
 
Formato de imagen.pptx presentacion
Formato de imagen.pptx presentacionFormato de imagen.pptx presentacion
Formato de imagen.pptx presentacion
 
Practica 23 Presentación PPt.
Practica 23 Presentación PPt.Practica 23 Presentación PPt.
Practica 23 Presentación PPt.
 
practica #23
practica #23practica #23
practica #23
 
Taller de imagen digital
Taller de imagen digitalTaller de imagen digital
Taller de imagen digital
 
Tabla De De Datos Caperucita
Tabla De De Datos CaperucitaTabla De De Datos Caperucita
Tabla De De Datos Caperucita
 
practica 23
practica 23practica 23
practica 23
 

Viewers also liked

Viewers also liked (10)

Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02
 
Insertar imagen en html
Insertar imagen en htmlInsertar imagen en html
Insertar imagen en html
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Tablas en Html
Tablas en HtmlTablas en Html
Tablas en Html
 
Html tablas e imagenes
Html tablas e imagenesHtml tablas e imagenes
Html tablas e imagenes
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
 

Similar to Imágenes html (19)

Extensiones de imágenes
Extensiones de imágenesExtensiones de imágenes
Extensiones de imágenes
 
NTI formatosdigitales
NTI formatosdigitalesNTI formatosdigitales
NTI formatosdigitales
 
Practica 24.-
Practica 24.-Practica 24.-
Practica 24.-
 
Lupita 24
Lupita 24Lupita 24
Lupita 24
 
Unidad 3.4
Unidad 3.4Unidad 3.4
Unidad 3.4
 
Tipos de imágenes digitales
Tipos de imágenes digitalesTipos de imágenes digitales
Tipos de imágenes digitales
 
Formatos de imagen
Formatos de imagenFormatos de imagen
Formatos de imagen
 
Format os de imagen
Format os de imagenFormat os de imagen
Format os de imagen
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagen
 
Formatos
FormatosFormatos
Formatos
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Presentación uni 3
Presentación uni 3Presentación uni 3
Presentación uni 3
 
Formato imágenes
Formato imágenesFormato imágenes
Formato imágenes
 
Tabla formatos
Tabla formatosTabla formatos
Tabla formatos
 
Presentación formatos
Presentación formatosPresentación formatos
Presentación formatos
 
Los Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas UtilizadosLos Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas Utilizados
 
Los Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas UtilizadosLos Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas Utilizados
 
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
 
practica 23
practica 23practica 23
practica 23
 

More from Elim Aqp

Copias de seguridad
Copias de seguridadCopias de seguridad
Copias de seguridadElim Aqp
 
Qué es jsp
Qué es jspQué es jsp
Qué es jspElim Aqp
 
Formato de texto y caracteres especiales
Formato de texto y caracteres especialesFormato de texto y caracteres especiales
Formato de texto y caracteres especialesElim Aqp
 
Componentes físicos de HARWARE parte 1
Componentes físicos de HARWARE parte 1Componentes físicos de HARWARE parte 1
Componentes físicos de HARWARE parte 1Elim Aqp
 
Diagrama unifilar
Diagrama unifilarDiagrama unifilar
Diagrama unifilarElim Aqp
 
Tablas en html
Tablas en htmlTablas en html
Tablas en htmlElim Aqp
 
Tablas en html
Tablas en htmlTablas en html
Tablas en htmlElim Aqp
 
Estacion de trabajo
Estacion de trabajoEstacion de trabajo
Estacion de trabajoElim Aqp
 
Extensiones de ficheros
Extensiones de ficherosExtensiones de ficheros
Extensiones de ficherosElim Aqp
 
Seguridad en redes tcp
Seguridad en redes tcpSeguridad en redes tcp
Seguridad en redes tcpElim Aqp
 
Grafico estadístico
Grafico estadísticoGrafico estadístico
Grafico estadísticoElim Aqp
 
Grafico estadístico
Grafico estadísticoGrafico estadístico
Grafico estadísticoElim Aqp
 
Sistema electrico
Sistema electricoSistema electrico
Sistema electricoElim Aqp
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)Elim Aqp
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion htmlElim Aqp
 
Configuracion de un servidor de archivos
Configuracion de un servidor de archivosConfiguracion de un servidor de archivos
Configuracion de un servidor de archivosElim Aqp
 
Switch case en python
Switch case en pythonSwitch case en python
Switch case en pythonElim Aqp
 
Direccionamiento ip
Direccionamiento ipDireccionamiento ip
Direccionamiento ipElim Aqp
 
Ms dos basico
Ms dos basicoMs dos basico
Ms dos basicoElim Aqp
 
Topologia de redes basico
Topologia de redes basicoTopologia de redes basico
Topologia de redes basicoElim Aqp
 

More from Elim Aqp (20)

Copias de seguridad
Copias de seguridadCopias de seguridad
Copias de seguridad
 
Qué es jsp
Qué es jspQué es jsp
Qué es jsp
 
Formato de texto y caracteres especiales
Formato de texto y caracteres especialesFormato de texto y caracteres especiales
Formato de texto y caracteres especiales
 
Componentes físicos de HARWARE parte 1
Componentes físicos de HARWARE parte 1Componentes físicos de HARWARE parte 1
Componentes físicos de HARWARE parte 1
 
Diagrama unifilar
Diagrama unifilarDiagrama unifilar
Diagrama unifilar
 
Tablas en html
Tablas en htmlTablas en html
Tablas en html
 
Tablas en html
Tablas en htmlTablas en html
Tablas en html
 
Estacion de trabajo
Estacion de trabajoEstacion de trabajo
Estacion de trabajo
 
Extensiones de ficheros
Extensiones de ficherosExtensiones de ficheros
Extensiones de ficheros
 
Seguridad en redes tcp
Seguridad en redes tcpSeguridad en redes tcp
Seguridad en redes tcp
 
Grafico estadístico
Grafico estadísticoGrafico estadístico
Grafico estadístico
 
Grafico estadístico
Grafico estadísticoGrafico estadístico
Grafico estadístico
 
Sistema electrico
Sistema electricoSistema electrico
Sistema electrico
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Configuracion de un servidor de archivos
Configuracion de un servidor de archivosConfiguracion de un servidor de archivos
Configuracion de un servidor de archivos
 
Switch case en python
Switch case en pythonSwitch case en python
Switch case en python
 
Direccionamiento ip
Direccionamiento ipDireccionamiento ip
Direccionamiento ip
 
Ms dos basico
Ms dos basicoMs dos basico
Ms dos basico
 
Topologia de redes basico
Topologia de redes basicoTopologia de redes basico
Topologia de redes basico
 

Recently uploaded

Descripción del Proceso de corte y soldadura
Descripción del Proceso de corte y soldaduraDescripción del Proceso de corte y soldadura
Descripción del Proceso de corte y soldaduraJose Sanchez
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdflizcortes48
 
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsaPresentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsaFarid Abud
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...Martin M Flynn
 
Catálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial AlbatrosCatálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial AlbatrosGustavoCanevaro
 
Biografía del General Eloy Alfaro Delgado
Biografía del General Eloy Alfaro DelgadoBiografía del General Eloy Alfaro Delgado
Biografía del General Eloy Alfaro DelgadoJosé Luis Palma
 
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...JAVIER SOLIS NOYOLA
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.karlazoegarciagarcia
 
Amor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAmor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAlejandrino Halire Ccahuana
 
BOCA Y NARIZ (2).pdf....................
BOCA Y NARIZ (2).pdf....................BOCA Y NARIZ (2).pdf....................
BOCA Y NARIZ (2).pdf....................ScarletMedina4
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Carol Andrea Eraso Guerrero
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVChema R.
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacionviviantorres91
 
4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docx
4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docx4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docx
4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docxElicendaEspinozaFlor
 
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptxTALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptxMartaChaparro1
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectosTrishGutirrez
 
Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Gonella
 

Recently uploaded (20)

Descripción del Proceso de corte y soldadura
Descripción del Proceso de corte y soldaduraDescripción del Proceso de corte y soldadura
Descripción del Proceso de corte y soldadura
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdf
 
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsaPresentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
 
Catálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial AlbatrosCatálogo general de libros de la Editorial Albatros
Catálogo general de libros de la Editorial Albatros
 
Biografía del General Eloy Alfaro Delgado
Biografía del General Eloy Alfaro DelgadoBiografía del General Eloy Alfaro Delgado
Biografía del General Eloy Alfaro Delgado
 
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
 
Amor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAmor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdf
 
BOCA Y NARIZ (2).pdf....................
BOCA Y NARIZ (2).pdf....................BOCA Y NARIZ (2).pdf....................
BOCA Y NARIZ (2).pdf....................
 
Unidad 1 | Metodología de la Investigación
Unidad 1 | Metodología de la InvestigaciónUnidad 1 | Metodología de la Investigación
Unidad 1 | Metodología de la Investigación
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XV
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacion
 
4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docx
4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docx4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docx
4 ÑOS EXPERIENCIA DE APRENDIZAJE 1 (1).docx
 
Sesión ¿Amor o egoísmo? Esa es la cuestión
Sesión  ¿Amor o egoísmo? Esa es la cuestiónSesión  ¿Amor o egoísmo? Esa es la cuestión
Sesión ¿Amor o egoísmo? Esa es la cuestión
 
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptxTALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
TALLER_DE_ORALIDAD_LECTURA_ESCRITURA_Y.pptx
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos
 
Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3
 

Imágenes html

  • 2. Extensiones de archivos de imagen • En informática, una extensión de archivo o extensión de fichero, es una cadena de caracteres anexada al nombre de un archivo, usualmente precedida por un punto. Su función principal es diferenciar el contenido del archivo de modo que el sistema operativo disponga el procedimiento necesario para ejecutarlo o interpretarlo, sin embargo, la extensión es solamente parte del nombre del archivo y no representa ningún tipo de obligación respecto a su contenido.
  • 3. JPEG • JPEG (del inglés Joint Photographic Experts Group, Grupo Conjunto de Expertos en Fotografía), es el nombre de un comité de expertos que creó un estándar de compresión y codificación de archivos de imágenes fijas. Este comité fue integrado desde sus inicios por la fusión de varias agrupaciones en un intento de compartir y desarrollar su experiencia en la digitalización de imágenes. La ISO, tres años antes (abril de 1983), había iniciado sus investigaciones en el área.
  • 4. PNG • Portable Network Graphics en un formato gráfico basado en un algoritmo de compresión sin pérdida, fue desarrollado para solventar las carencias del GIF y permite mayor profundidad de contraste. Es un formato sin perdida de calidad con una excelente compresión, ideal para imágenes formadas por grandes áreas de color plano o con pocas variaciones de color (y soporta transparencias). Sus características lo hacen ideal para su uso en internet, pero no ha tenido la expansión que se esperaba (algunos navegadores no lo visualizan correctamente).
  • 5. GIF • Es un formato diseñado por Compu Serve y son las siglas del inglés Graphic Interchange Format (Formato Gráfico de Intercambio), puede almacenar hasta 256 colores, por lo que pertenece a imágenes muy sencillas, como dibujos, rayas, tramados y su peso es mínimo. Es multiplataforma y se usa habitualmente en internet para logotipos (soporta animación), aunque debido su simpleza, es menos frecuente cada día.
  • 6. BMP • Windows bitmap (.BMP) es el formato propio del programa, que viene con el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos. Puede darse a estos archivos una compresión sin pérdida de calidad: la compresión RLE (Run- length encoding).
  • 7. <IMG> • El uso de imágenes es uno de los factores que ha popularizado tanto World Wide Web. Incluir imágenes en una presentación web es muy sencillo, solo debe de tener en cuenta que las imágenes tienen que tener los formatos GIF, JPEG o PNG. Las imágenes en línea, se especifican a partir de la tag <img> que no tiene una tag correspondiente de cierre pero que puede acompañarse de los siguientes atributos: <IMG SRC="/graficos/logo.jpg"
  • 8. src • Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar. <IMG SRC="/graficos/logo.jpg"
  • 9. Align • Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidosleft, right, top, middle y bottom. <IMG align=middle> </IMG>
  • 10. Alt • Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima. <IMG ALT="Un bebé"> </IMG>
  • 11. WIDTH • Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar. <IMG SRC="/graficos/bebe1.jpg" WIDTH=140></IMG>
  • 12. HEIGHT • Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen. <IMG SRC="/graficos/logo.jpg" HEIGHT=210 ></IMG>
  • 13. BORDER • Con BORDER especificamos el ancho de un borde que rodea la imagen. <IMG SRC="/graficos/logo.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé">