CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Tout connaître sur les résolutions d'écran

Tout connaître sur les résolutions d'écran

Correction Exercice sur les images
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

Quelle résolution choisir ?

Objectifs

Les objectifs de cette vidéo sont d'enseigner comment structurer une page web avec des résolutions d'écran correctes, différencier les images de contenu et de décoration, et appliquer les bonnes pratiques de mise en forme avec CSS.

Résumé

Apprenez à intégrer correctement les résolutions d'écran dans vos projets web.

Description

Cette vidéo pédagogique vous guidera à travers l'intégration des résolutions d'écran dans votre code HTML et CSS. Elle commence par la distinction entre les images de contenu et celles de décoration. Ensuite, des étapes sont détaillées pour structurer correctement les balises H1 et H2, accompagnées de textes descriptifs et des exemples d'implémentation. La vidéo vous montre également comment insérer des images en utilisant la balise figure et figcaption. Des conseils pratiques sont donnés pour l'insertion des images, la gestion des attributs ALT pour le texte de remplacement, et la manière de formater le texte et les légendes en CSS sans ajouter de balises superflues dans le HTML. Enfin, la vidéo aborde la différenciation des titres et des sous-titres dans le but de structurer correctement votre contenu, ainsi que la mise en place d'une deuxième image dédiée au contexte des smartphones.

Voir plus

Questions - réponses

Quelle est la différence entre une image de contenu et une image de décoration?
Une image de contenu est essentielle à la compréhension de la page, tandis qu'une image de décoration est utilisée uniquement pour l'aspect visuel et peut être gérée via CSS.
Pourquoi est-il important d'utiliser l'attribut ALT pour les images?
L'attribut ALT fournit une description textuelle des images, ce qui améliore l'accessibilité pour les utilisateurs et l'indexation par les moteurs de recherche.
Comment spécifier les dimensions d'une image en HTML?
Vous pouvez spécifier les dimensions d'une image en utilisant les attributs width et height dans la balise img.

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 2 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 3 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.