CATALOGUE Code & Data Formation Web App Créer son site internet avec Blocs 3 Optimisation de l'Apparence des Blocs pour le Web

Optimisation de l'Apparence des Blocs pour le Web

Apparence des blocs

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

Ajustements et Personnalisation

Objectifs

Ce tutoriel vise à :

Apprendre à ajuster l'espacement des blocs.
Maîtriser les différentes tailles de blocs.
Comprendre comment ajouter et modifier des couleurs et des images de fond pour les blocs.

Résumé

Découvrez comment personnaliser l'apparence des blocs pour améliorer la navigation sur votre site web.

Description

À partir d'un modèle structure, apprenez à jouer sur l'apparence des blocs pour optimiser l'espacement et la lisibilité. Dans ce tutoriel, nous vous guiderons à travers les étapes de sélection et de modification de blocs. Vous découvrirez comment réduire les espaces blancs inutiles, ajuster la taille des blocs (small, medium, large, XL, XXL), et personnaliser la couleur de fond.

Vous comprendrez également comment diviser des blocs, ajouter une image d'arrière-plan, et comment ces réglages peuvent influencer l'expérience utilisateur. De plus, nous aborderons l'importance d'afficher les bordures pour que ce que vous voyez à l'écran reflète exactement ce qui apparaîtra sur le web. Finalement, nous parlerons des différentes options de couleur et de la manière de les appliquer au texte et aux blocs pour une harmonisation visuelle de votre site.

Questions fréquentes

Pourquoi est-il important de réduire les espaces blancs dans des blocs sur un site web?

Réduire les espaces blancs améliore la lisibilité et la navigation, ce qui peut maintenir l'attention des utilisateurs sur le contenu.

Quels sont les avantages d'utiliser une image de fond dans un bloc?

Une image de fond peut rendre le contenu plus attrayant visuellement et aider à mieux communiquer l'identité visuelle du site.

Comment les couleurs peuvent-elles influencer l'expérience utilisateur sur un site web?

Les couleurs peuvent influencer l'humeur et les émotions des utilisateurs, rendant un site plus engageant et mémorable lorsqu'elles sont utilisées correctement.

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