Découvrir l'Éditeur Edelweiss

Créer son site Internet, de 7 à 77 ans… et plus !

Accueil › Les 47 blocs › Les blocs pour les photos

Les blocs pour les photos

5 blocs pour montrer ses plus belles images

Photo

Une seule photo, grande et belle
Une seule photo, grande et belle

🎯 À quoi sert-il ? Afficher une photo, avec sa légende.

🛠️ Comment faire ? On écrit seulement le nom du fichier, rangé dans medias/photos/, puis la légende.

💡 Astuce : Allégez vos photos avant de les ranger : la page s'affiche plus vite.

🏅 Petit défi : trouver le nom exact d'une de vos photos et l'écrire sans faute.

Galerie de photos

La photo entière
La photo entière
Le gros plan
Le gros plan
Les montagnes
Les montagnes

🎯 À quoi sert-il ? Présenter plusieurs photos en vignettes ; un clic les agrandit.

🛠️ Comment faire ? Une photo par ligne : le nom du fichier, une barre verticale, puis la légende.

💡 Astuce : Cliquez sur une vignette pour l'agrandir !

Mosaïque Photos & Texte

L'edelweiss
L'edelweiss

Une mosaïque

Des photos et des encadrés colorés, rangés en damier.

La montagne
La montagne

Facile !

Chaque case est séparée de la suivante par trois tirets.

🎯 À quoi sert-il ? Mélanger photos et petits textes colorés, comme un tableau d'affichage.

🛠️ Comment faire ? Case photo : « photo: » et « légende: » ; case encadré : « titre: », « texte: » et « couleur: » ; trois tirets entre deux cases.

💡 Astuce : « texte-clair: oui » écrit en blanc sur une couleur foncée.

Diaporama

Un petit diaporama en musique

Première diapositive
Deuxième diapositive
Et pour finir, les montagnes

Première diapositive

1 / 4

🎯 À quoi sert-il ? Faire défiler des photos, des textes ou des vidéos, comme au cinéma, avec une musique de fond si on le souhaite.

🛠️ Comment faire ? Une diapositive par ligne, ou des diapositives plus riches écrites sur plusieurs lignes (photo:, titre:, texte:, encadre:).

💡 Astuce : Cliquez sur la petite icône 🔇 pour entendre la musique : les navigateurs exigent ce geste du visiteur.

🏅 Petit défi : compter les diapositives du diaporama.

Section épinglée (image fixe + légendes)

Faites défiler doucement la page…
L'image reste immobile, comme épinglée…
…pendant que les légendes apparaissent, l'une après l'autre.
C'est l'effet « scrollytelling » : raconter en faisant défiler !

🎯 À quoi sert-il ? Raconter une histoire en images : la photo reste fixe, les phrases défilent dessus.

🛠️ Comment faire ? Le nom de la photo, puis une légende par ligne (deux à quatre conseillées).

💡 Astuce : Choisissez une photo large, avec un ciel ou un fond calme, pour que le texte se lise bien.

🏅 Petit défi : faire défiler lentement pour lire les quatre légendes.