CATALOGUE Code & Data Formation WeWeb WeWeb & Airtable - Introduction Marketplace No-Code

Optimiser la Présentation de Votre Site Web

Retour à la formation
Chapitre 2 Leçon 3
Précédent
Suivant

Apprenez à améliorer la mise en forme de votre site web avec WeWeb en ajustant taille de texte et espacement.

Détails de la leçon

Description de la leçon

Dans cette leçon, découvrez comment ajuster divers éléments de mise en forme sur votre site web à l'aide de WeWeb. Nous commencerons par augmenter la taille du texte à 5 rem pour une meilleure lisibilité. La police étant bien choisie, nous ajusterons le line spacing à -0,5 pour réduire l'espacement entre les lignes, donnant un effet visuel plus compact. En modifiant la couleur des boutons, vous pouvez facilement appliquer votre charte graphique. WeWeb permet d'utiliser une palette de couleurs intégrée, personnalisable selon vos besoins.

Ensuite, nous verrons comment ajouter de l'espace entre les éléments en utilisant des divs de type spacer. Créez un spacer medium avec une large base et ajustez le padding top pour garantir une accessibilité optimale. En cas de changement d'interface, l'affichage s'adapte sans perte de qualité. Enfin, pour les images, nous aborderons comment utiliser le CSS fit pour légaliser l'affichage d'une image sur différents appareils.

Cette vidéo fournit la base essentielle pour créer une page web cohérente et attractive, tout en assurant l’adaptabilité et l'accessibilité du design.

Objectifs de cette leçon

Maîtriser les techniques de mise en forme sur WeWeb, y compris la gestion d'espace et la personnalisation des éléments visuels.

Prérequis pour cette leçon

Avoir des connaissances de base en CSS et dans l'utilisation de plateformes de développement telles que WeWeb.

Métiers concernés

Concepteurs web, développeurs front-end, et spécialistes en expérience utilisateur peuvent tirer profit de ces compétences.

Alternatives et ressources

Alternatives possibles incluent des plateformes comme Webflow ou Wix pour la création de sites web sans code.

Questions & Réponses

Réduire le line spacing compactifie le texte, rendant l'ensemble visuellement plus agréable et facile à lire, surtout pour des blocs de texte courts.
Utilisez la fonction CSS 'fit' avec les valeurs 'contain' ou 'cover' pour adapter l'image à la taille du conteneur tout en conservant ses proportions.
Les spacers permettent une gestion plus flexible et centralisée des espaces entre les éléments, et sont particulièrement utiles sur des plateformes comme WeWeb pour garantir une mise en forme cohérente.