CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 3 - Mettre en page son site internet

Introduction à la Mise en Page en HTML

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

Apprenez à créer une page HTML avec des éléments de mise en page de base.

Détails de la leçon

Description de la leçon

Cette leçon vous guide étape par étape à travers la création d'une page HTML basique. Nous commençons par définir une structure en utilisant des balises HTML sémantiques comme <header>, <div>, <img>, <h1>, et <h2>. Ensuite, nous incorporerons des éléments graphiques, tels que des images et du texte, pour améliorer l'apparence de votre page. La première partie consiste à créer un conteneur pour structurer l'ensemble du contenu. Nous ajoutons ensuite une zone de tête contenant un logo et un texte de sous-accroche. Par la suite, nous intégrons une image de slider au cœur de la mise en page. Enfin, nous construisons une section principale comprenant des articles indépendants, chacun composé d'un titre, d'un paragraphe et d'un pied de page. Cette leçon est conçue pour vous familiariser avec les bases de la mise en page en HTML, en vous permettant de créer des structures de pages simples mais efficaces.

Objectifs de cette leçon

Comprendre la structure de base d'une page HTML,
Savoir utiliser des balises sémantiques pour la mise en page,
Être capable d'incorporer des images et des textes de manière structurée.

Prérequis pour cette leçon

Connaissances de base en HTML,
Aucune expérience préalable en mise en page nécessaire.

Métiers concernés

Développeur web,
Designer UI/UX,
Intégrateur HTML/CSS.

Alternatives et ressources

Logiciels WYSIWYG comme Adobe Dreamweaver,
Constructeurs de sites comme WordPress ou Wix.

Questions & Réponses

La balise <div> en HTML sert à créer un conteneur divisionnaire pour regrouper des éléments afin de les organiser et de les styliser via CSS.
L'attribute 'alt' d'une balise <img> fournit une description alternative de l'image, qui est utile pour l'accessibilité et s'affiche si l'image ne peut pas être chargée.
Une balise sémantique en HTML, comme <header>, <section> ou <footer>, indique clairement le rôle structurel du contenu qu'elle renferme, améliorant ainsi la lisibilité et l'accessibilité du document.