CATALOGUE Code & Data Formation Web App Créer son site internet avec Blocs 3 Guide d'utilisation du carousel pleine taille dans Blocs 3

Guide d'utilisation du carousel pleine taille dans Blocs 3

Diaporama avec le Carroussel

Vidéo non disponible ! Réessayez plus tard

2h 50min

38 leçons

2,0

Transcription

Cette leçon fait partie de la formation

Créer son site internet avec Blocs 3

39,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

2h 50min

38 leçons

2,0

Cette leçon fait partie de la formation

Créer son site internet avec Blocs 3

39,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Introduction et Fonctionnalités du Carousel

Objectifs

L'objectif de cette vidéo est de vous permettre de puissamment utiliser la fonctionnalité de carousel pleine taille dans Blocs 3, en configurant des diaporamas esthétiques et efficaces.

Résumé

Apprenez à utiliser la nouvelle fonctionnalité de carousel pleine taille de Blocs 3 pour créer des diaporamas en pleine largeur, modernes et dynamiques.

Description

Dans cette leçon, nous explorons en détail l'une des principales nouveautés de la version 3 de Blocs : le carousel pleine taille. Cette fonctionnalité permet de créer des diaporamas prenant la totalité de l'écran, offrant une expérience visuelle immersive. Vous apprendrez à :

Créer une nouvelle page dédiée au carousel.
Sélectionner et ajouter des images en pleine taille.
Utiliser des modèles pré-créés pour obtenir un résultat professionnel.
Configurer les transitions et options automatiques du carousel.
Aligner et personnaliser les captions.

À travers cette leçon, nous verrons comment ajuster les paramètres pour que votre carousel s'aligne parfaitement à vos souhaits esthétiques et fonctionnels, et comment éviter de surcharger votre diaporama en images.

Questions fréquentes

Quel est le minimum d'images requis pour un carousel dans Blocs 3?

Le carousel requiert un minimum de trois images pour fonctionner correctement.

Quelles sont les options de transition disponibles pour les images?

Les options de transition incluent le 'poussé' et le 'fondu', ce dernier étant souvent préféré pour son aspect plus esthétique.

Comment peut-on empêcher le lancement automatique du carousel?

Pour empêcher le lancement automatique du carousel, il suffit de décocher l'option correspondante dans les paramètres du carousel.

Programme détaillé

Accueil de la formation

Module 1 - L'INTERFACE

Le panneau de gauche : navigation dans votre site 02:46

Le panneau de droite : les réglages 04:02

Le panneau de droite : les ajouts 05:13

Module 2 - LES BLOCS

Ajouter du contenu avec le bloc Structure 04:24

Apparence des blocs 03:21

Ajouter un menu navigation 04:30

Travailler le design avec le bloc Hero 04:50

Donner vie à vos images avec le bloc Headers 04:47

Organigramme avec le bloc Features 04:39

Images avec le bloc Gallery photo 02:50

Fonction souscrire avec le bloc Call To 01:55

Connecter avec le bloc Réseaux sociaux 02:50

Utilisation des mockup avec le bloc Devices 04:22

Ajouter et modifier le bloc Specials 03:23

Gérer ses pieds de page avec le bloc Footers 02:43

Module 3 - CRÉATION DU SITE

Ajouter et modifier des pages 07:12

Intégrer la barre de navigation 06:39

Importer et adapter un logo 07:39

Donner du style en mettant une photo en fond 06:12

Ajouter et modifier du texte 04:55

Ajouter une icône et insérer une vidéo 07:55

Diaporama avec le Carroussel 04:46

Modifier votre site en ligne avec un CMS 05:08

Intéragir avec les internautes via Discus 03:02

Module 4 - LES LIENS

Ajouter un lien vers une page 03:56

Ajouter un lien vers une URL 03:31

Intégrer les réseaux sociaux 04:41

Faciliter la navigation dans votre site 04:09

Donner vie à vos images avec Letterbox 05:32

Masquer ou afficher des éléments 02:35

Ajouter un menu déroulant avec Dropdown 02:41

Module 5 - LES ANIMATIONS

Le Scroll in et out 06:22

Animer avec type et style 04:15

Répéter l'animation avec delay et loops 04:23

Module 6 - LE RESPONSIVE DESIGN

Adapter pour les tablettes 06:08

Conformer pour les smartphones 03:32

Exporter votre site 04:43

Mettre en ligne 04:13

1 commentaire

2,0

1 vote

Richard L.

Il y a 3 ans

Un survole très très large de ce logiciel... Plein d'options qu'on n'explique pas. Manque cruellement de profondeur ! Le formateur lit toutes les options affichés sans donner d'explications sur leur fonction !

Décevant !

R