Bienvenue dans « HTML : Les images responsive » - Tutoriel HTML

Table des matières

• Introduction Introduction

  • Bienvenue dans « HTML : Les images responsive »

    57 s
  • Aborder cette formation

    1 m 22 s
  • Installer les outils

    2 m 49 s
• 1. Connaître les formats d'images pour le web 1. Connaître les formats d'images pour le web

  • (Verrouillé)
    Différencier les images bitmap des images vectorielles

    4 m 12 s
  • (Verrouillé)
    Utiliser le format JPG

    4 m 23 s
  • (Verrouillé)
    Utiliser le format PNG

    4 m 7 s
  • Utiliser le format GIF

    3 m 16 s
  • (Verrouillé)
    Utiliser le format WebP

    6 m 22 s
  • (Verrouillé)
    Utiliser le format SVG

    4 m 15 s
• 2. Insérer une image dans une page web 2. Insérer une image dans une page web

  • (Verrouillé)
    Utiliser la balise <img> et l'attribut SRC

    4 m 59 s
  • (Verrouillé)
    Différencier les chemins relatifs au document et relatifs à la racine du site

    5 m 58 s
  • (Verrouillé)
    Rendre les images accessibles avec les attributs alt et title.

    3 m 49 s
  • (Verrouillé)
    Changer la taille des images avec les attributs Height et Width

    5 m 48 s
  • (Verrouillé)
    Optimiser la taille des images

    5 m 30 s
  • (Verrouillé)
    Comprendre et utiliser le Lazy Loading

    3 m 22 s
  • (Verrouillé)
    Utiliser les balises <figure> et <figcaption>

    3 m 42 s
• 3. Utiliser du CSS sur les images 3. Utiliser du CSS sur les images

  • (Verrouillé)
    Aligner des images avec la propriété float

    3 m 58 s
  • (Verrouillé)
    Comprendre et utiliser la propriété clear

    3 m 2 s
  • (Verrouillé)
    Utiliser la propriété objet-fit

    5 m 43 s
  • Utiliser la propriété object-position

    3 m 2 s
  • (Verrouillé)
    Intégrer une image de fond

    5 m 32 s
  • (Verrouillé)
    Contrôler la répétition et la position de l'image de fond

    3 m 59 s
  • (Verrouillé)
    Utiliser la propriété background-size

    5 m 43 s
• 4. Obtenir des images responsive 4. Obtenir des images responsive

  • (Verrouillé)
    Rendre les images fluides

    4 m 49 s
  • (Verrouillé)
    Différencier width et max-width pour rendre les images fluides

    4 m 26 s
  • (Verrouillé)
    Utiliser srcset pour optimiser l'image en fonction de la largeur de la fenêtre

    4 m 32 s
  • (Verrouillé)
    Comprendre et utiliser l'attribut sizes

    4 m 25 s
  • (Verrouillé)
    Utiliser la balise <picture>

    5 m 13 s
• 5. Travailler avec des images SVG 5. Travailler avec des images SVG

  • (Verrouillé)
    Intégrer une image .svg externe

    2 m 58 s
  • Définir une image SVG interne

    2 m 4 s
  • (Verrouillé)
    Définir et utiliser un symbole

    5 m 30 s
  • (Verrouillé)
    Modifier une image SVG avec du CSS

    4 m 25 s
  • (Verrouillé)
    Animer du SVG avec le CSS

    2 m 19 s
• Conclusion Conclusion

  • (Verrouillé)
    Conclure sur les images en HTML

    2 m 4 s