CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Structuration et Sémantique HTML et CSS

Structuration et Sémantique HTML et CSS

Complétez votre code html avec la bonne sémantique et les bonnes classes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de montrer comment structurer un site web de façon logique et sémantique, d'apprendre à utiliser les divs et les classes CSS pour organiser le contenu, et d'améliorer la compréhension du code pour une meilleure maintenance et évolutivité.

Apprenez à structurer correctement votre code HTML en utilisant des classes et des containers pour améliorer la sémantique de votre site web.

Dans cette leçon, nous allons détailler les différentes étapes pour structurer le code HTML afin d'assurer une organisation optimale et une meilleure compréhension sémantique. Nous commencerons par englober le contenu global du site avec une div classe WRAP pour lui donner une structure de taille. Nous diviserons ensuite le contenu en trois sections principales: header, main, et footer.

La section header incluera une boîte intermédiaire appelée header top pour intégrer une image de fond et contiendra également le logo et le menu. Le contenu principal sera divisé en plusieurs sections contenant des articles avec des classes spécifiques pour faciliter le stylage CSS.

Enfin, nous aborderons le pied de page (footer) et ses classes pour une mise en page propre et fonctionnelle. Chaque section sera soigneusement découpée et structurée en utilisant des divs et des classes adaptées afin d'assurer une mise en forme cohérente et esthétique.

Voir plus
Questions réponses
Pourquoi utiliser des divs avec des classes spécifiques dans HTML?
L'utilisation de divs avec des classes spécifiques permet de structurer et de styliser le contenu de manière cohérente et modulaire.
Qu'est-ce que la sémantique en HTML?
La sémantique en HTML consiste à utiliser des balises significatives pour améliorer la compréhension du contenu par les moteurs de recherche et les utilisateurs.
Quel est l'intérêt d'utiliser une classe Wrap dans votre code HTML?
Une classe Wrap permet de contenir et de centrer le contenu du site, facilitant la gestion des marges et de l'alignement global.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 6 months
Commentaire
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 year
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
Commentaire
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 years
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !