8. Images, sons et mouvement
Les images
page "galerie" :
titre "Galerie"
image "vitrine.jpg" avec description "La vitrine de la boutique" et proportions 16 sur 9 et prioritaire
image "motif.svg" avec decoratifproportions réserve la place de l'image avant son chargement (la page ne saute pas). prioritaire la charge en premier : à réserver aux images du haut de la page.
Les sons
page "ecouter" :
titre "Écouter"
audio "extrait.mp3" avec description "Extrait du concert, deux minutes"
audio "entretien.mp3" avec description "Entretien avec la cheffe" et transcription "Bonjour et bienvenue."Un son ne démarre jamais tout seul. Une parole a sa transcription, pour les personnes qui n'entendent pas.
Le mouvement
page "accueil" :
titre "Le Comptoir" avec animation apparition
texte "Cuisine de saison." avec animation montee et delai court
bouton "Réserver" avec transition douce et effet agrandi
bloc avec animation montee au defilement et effet leve :
texte "Apparaît quand on arrive dessus."Les animations : apparition, montee, agrandissement. Les effets au survol : agrandi, leve. Humalis respecte le réglage « réduire les animations » de la personne.
Sur un bloc, et en cascade fait apparaître ses enfants l'un après l'autre :
page "accueil" :
titre "Nos plats"
grille avec animation montee au defilement et en cascade :
texte "Soupe du jour"
texte "Risotto"
texte "Tarte aux pommes"