UF1302 | Creación de páginas web con marcas

UD02 | Imágenes y elementos multimedia

./022-imagenes/022-01-formatos.html
Se describen los diferente tipos de formatos de imágenes.
./022-imagenes/022-06-webp-jpg.html
Este archivo sirvió para comparar los formatos WebP y JPG. La pérdida de calidad es inapreciable y la tasa de reducción es sustancial.
./022-imagenes/022-06-jpg.html
Mediante dos herramientas online (PageSpeed Insight y Pingdom) se realizaron test de velocidad de carga de este archivo.
./022-imagenes/022-06-webp.html
Mediante dos herramientas online (PageSpeed Insight y Pingdom) se realizaron test de velocidad de carga de este archivo. Se realizó una comparativa respecto al test anterior.
./022-imagenes/022-01-picture-webp.html
Se describe el uso que tiene el elemento experimental <picture> para ofrecer una imagen de sustitución a los navegadores que no admiten el formato de imagen WebP.
./022-imagenes/023-06-mapa.html
Se describen los mapas de imágenes.
022-02-imagen-adaptable-por-html.html
Se expone la forma de adaptar una imagen al tamaño de su contenedor mediante el atributo width HTML. Este método no es recomendado; sería más apropiado utilizar CSS.
022-03-imagen-adaptable-por-css.html
Se expone la forma de adaptar una imagen al tamaño de su contenedor mediante CSS.
022-04-imagen-adaptable-segun-srcset.html
Se expone la forma de adaptar una imagen al tamaño de su contenedor mediante CSS.
./023-audio/index.html
Se expone el elemento <audio> y varios de sus atributos.
./024-video/index.html
Se expone el elemento <video> y varios de sus atributos.
025-iframes.html
Se expone el elemento <iframe> y varios de sus atributos.
029-script.html
Se expone el elemento <script> con un ejemplo sencillo de JavaScript.