CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux

Correction de la structure HTML d'un mini site web

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

Cette vidéo aborde la correction de la structure HTML d'un mini site web, en passant en revue chaque section et en fournissant des astuces pour garantir une mise en page correcte et accessible.

Détails de la leçon

Description de la leçon

La leçon présente en détail le processus de correction de la structure HTML d'un mini site web. Nous commençons par la page d'accueil où nous définissons l'entête incluant un lien permettant de retourner à cette page. À l'intérieur de cet entête, nous utilisons un h1 pour le logo, et nous encapsulons les lettres initiales dans des balises span pour faciliter la mise en forme en CSS. Ensuite, nous configurons la navigation principale avec trois liens: accueil, qui sommes-nous, et contacts.

La leçon continue en expliquant comment gérer les images de décoration en les excluant du HTML afin de les intégrer directement via CSS. Pour la section principale, nous créons deux sections avec des articles, chacun contenant des titres de différents niveaux (h2, h3) et des images. Ce module fournit également des astuces pour structurer le layout en utilisant des div pour créer des colonnes.

Enfin, nous structurons le pied de page avec des liens vers les politiques de confidentialité et les mentions légales, ajoutant une balise small pour indiquer du texte moins important. Un lien permettant de remonter en haut de la page clôture ce tutoriel pratique. La leçon inclut des éléments de bonnes pratiques pour l’accessibilité et la conformité aux standards HTML5.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de permettre aux développeurs de :
- Comprendre la structuration correcte du HTML
- Intégrer des pratiques de mise en forme avec CSS
- Améliorer l'accessibilité de leurs sites web

Prérequis pour cette leçon

Pour suivre cette vidéo, les apprenants doivent avoir une connaissance de base des balises HTML et des notions fondamentales en CSS.

Métiers concernés

Les compétences acquises dans cette vidéo sont particulièrement utiles pour les métiers suivants : Développeur Web Front-End, Designer Web, et Intégrateur Web.

Alternatives et ressources

Pour ceux préférant utiliser d'autres outils, des logiciels comme Adobe Dreamweaver ou des éditeurs de code comme Visual Studio Code peuvent être utilisés pour la mise en forme et l'édition HTML et CSS.

Questions & Réponses

On utilise la balise pour définir l'entête d'un site web.
Les balises sont utilisées pour encapsuler les lettres initiales afin de permettre une mise en forme distincte en CSS.
La balise permet d'indiquer que le texte est moins important, ce qui peut améliorer l'accessibilité et la sémantique du site.