Introduction à la création d'une marketplace pour éleveurs et adoptants.
Création de la page d'accueil et des Cards Statiques
Mise en place de la base de données avec Airtable
Création des Cards Dynamic
L'authentification
Ajout d'un chien en BDD
Optimisations et automatisations
Détails de la leçon
Description de la leçon
Dans cette vidéo, nous apprendrons à structurer une page d'accueil à l'aide de HTML et à l'enjoliver avec du CSS. Nous commencerons par ajouter des éléments de base tels qu'un gros titre, une proposition de valeur de la plateforme, un bouton d'appel à l'action et une belle image d'un chien. La vidéo détaille comment utiliser les conteneurs div pour séparer le texte des images, en utilisant les dispositions flexibles comme le flexbox pour aligner ces éléments horizontalement.
Ensuite, nous aborderons comment centrer ces éléments et ajuster la mise en page pour s'assurer qu'elle utilise 100% de l'espace disponible. Nous verrons également l'importance des balises sémantiques telles que h1 pour assurer une bonne structuration du contenu. Enfin, nous importons une image de chien, ajustons ses dimensions et utilisons des classes CSS pour styliser entièrement la page.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de comprendre comment structurer une page d'accueil basique et appliquer des styles CSS pour améliorer son apparence.
Prérequis pour cette leçon
Les connaissances de base en HTML et CSS sont recommandées pour suivre cette vidéo.
Métiers concernés
Ce sujet est pertinent pour les professionnels comme les web designers, développeurs front-end, et les architectes de l'information.
Alternatives et ressources
Des outils comme Bootstrap ou des services tels que Wordpress pourraient être explorés pour créer des sites web sans nécessiter beaucoup de codage.
Questions & Réponses
Je m'abonne