CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Correction de la structure HTML d'un mini site web

Correction de la structure HTML d'un mini site web

Page d'accueil - correction
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,7
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Mise en forme et structuration du code HTML

Objectifs

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

Résumé

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.

Description

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.

Voir plus

Questions - réponses

Quelle balise utilise-t-on pour définir l'entête du site ?
On utilise la balise
pour définir l'entête d'un site web.
Pourquoi utilise-t-on des balises <span> dans le logo ?
Les balises sont utilisées pour encapsuler les lettres initiales afin de permettre une mise en forme distincte en CSS.
Quelle est l'importance de la balise <small> dans le pied de page ?
La balise permet d'indiquer que le texte est moins important, ce qui peut améliorer l'accessibilité et la sémantique du site.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 1 year
Commentaire
Parfait pour un débutant.
geoffrey.monange
Il y a 3 years
Commentaire
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 years
Commentaire
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 years
Commentaire
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 3 years
Commentaire
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 3 years
Commentaire
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 3 years
Commentaire
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 years
Commentaire
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 years
Commentaire
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.