Création d'une Fiche Produit HTML

Préparation de la page «fiche produit»
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre XHTML & CSS
Revoir le teaser Je m'abonne
3,0
Transcription

Cette leçon fait partie de la formation
59,90€ Je commande

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

DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
59,90€ Je commande

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

Les objectifs de cette vidéo sont de :
- Apprendre à créer une fiche produit en HTML.
- Utiliser des styles CSS alternatifs.
- Comprendre l'intégration d'images spécifiques pour les menus et les fonds.

Résumé des étapes de création d'une fiche produit HTML avec des styles alternatifs et l'intégration d'images spécifiques.

Cette leçon couvre la création d'une fiche produit en HTML, en mettant l'accent sur l'utilisation de styles CSS alternatifs et l'implémentation d'un conteneur full-width. Dans un premier temps, nous avons créé une page appelée produit.html sans contenu. Ensuite, nous avons ajouté des styles CSS spécifiques dans un fichier nommé produit.css. Cela comprenait la création de menus horizontaux et de styles pour indiquer le mode de navigation et le contenu de la fiche produit. La leçon montre également comment intégrer et utiliser des images spécifiques pour les menus et les fonds. Nous avons utilisé trois images dans le dossier images, chacune ayant une fonction spécifique, comme les menus horizontaux et les fonds de contenu alternatifs. Enfin, la leçon compare les dimensions des différentes images utilisées, en expliquant l'effet de leur taille sur la mise en page globale.

Voir plus
Questions réponses
Quelles sont les images ajoutées dans le dossier style?
Les images ajoutées sont menu 1 item, menu 1 item spécial et menu 2 item, avec leurs équivalents de style au survol et style indiquant la rubrique en cours.
Quelle est la différence entre fonds-contenu et fonds-contenu alternatif?
La principale différence est dans les dimensions : fonds-contenu mesure 616 pixels de large sur 4000 pixels de haut, tandis que fonds-contenu alternatif mesure 766 pixels de large sur 3000 pixels de haut.
Quel fichier CSS avons-nous modifié pour ajouter des styles alternatifs?
Nous avons modifié le fichier produit.css pour ajouter les styles alternatifs nécessaires à notre fiche produit.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Azraël
Il y a 3 ans
Dans l'ensemble bon cours, toutefois pas adapté au débutant car très touffu.
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.