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
widthHTML. 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.