Introduction à la création de sites monopages
Objectifs
L'objectif de cette vidéo est de :
- Apprendre à structurer et styliser un site monopage avec HTML et CSS
- Comprendre l'utilisation du sélecteur target pour la navigation
- Savoir appliquer des techniques de positionnement et de centrage
Résumé
Découvrez comment créer un site monopage efficace en utilisant HTML et CSS, et explorez l'utilisation du sélecteur target pour améliorer l'expérience utilisateur.
Description
Dans cette leçon, nous apprendrons à créer un site monopage en HTML et CSS, une pratique courante pour les sites web modernes. Nous commencerons par définir une structure de base avec un fichier HTML et des sections multiples représentant les différentes 'pages' du site.
Nous verrons ensuite comment appliquer des styles CSS pour améliorer l'aspect visuel et la mise en page. La couleur et les dimensions seront définies pour donner une apparence homogène à l'ensemble du site. Nous utiliserons des techniques avancées de CSS telles que le positionnement absolu et des marges négatives pour centrer les éléments.
Une attention particulière sera portée à la navigation entre les sections en cliquant sur des éléments du menu. Grâce à l'utilisation du sélecteur target, nous pourrons rendre visibles les sections spécifiques en fonction de l'élément de menu cliqué. La méthode choisie permet également d'imprimer toutes les sections, ce qui est idéal pour les documents numériques.
Enfin, nous personnaliserons le menu de navigation pour qu'il soit attractif et fonctionnel, en utilisant des couleurs et des dispositions spécifiques pour chaque élément. Nous conclurons par une personnalisation finale du look général pour obtenir un site professionnel et adaptable.
Questions - réponses
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de la mise en page
Module 3 - La mise en page avancée
Module 4 - Autres sélecteurs et propriétés
Dommage.