CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Guide de Mise en Page d'un Site Web

Guide de Mise en Page d'un Site Web

Principe du gabarit - Framework CSS
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
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Commencez avec un Modèle de Démarrage

Objectifs

Les objectifs de cette vidéo sont d'apprendre à :

  • Utiliser un modèle de démarrage HTML et CSS
  • Conserver et personnaliser les éléments essentiels du fichier de démarrage
  • Optimiser et affiner le code CSS pour vos besoins
  • Adopter des pratiques d'accessibilité et de structure de contenu

Résumé

Apprenez à utiliser un fichier de démarrage HTML et CSS pour accélérer le processus de mise en page de vos sites web.

Description

Dans cette leçon, vous apprendrez comment créer rapidement la mise en page d'un site web en utilisant un modèle de démarrage HTML et CSS. Vous découvrirez l'importance de conserver certaines parties du fichier de démarrage, telles que les commentaires conditionnels, les styles de base, et les éléments clés du header et du footer, pour gagner du temps. Nous aborderons également comment adapter et personnaliser ce modèle en fonction de vos besoins spécifiques en termes de police, de couleurs et de mise en page.

Vous apprendrez à structurer votre fichier HTML en y incluant des éléments cliquables, à ajouter des balises pour l'accessibilité, et à nettoyer le contenu du main pour y insérer des blocs de texte comme le Lorem Ipsum. En ce qui concerne le CSS, nous parlerons de l'importance de conserver certains styles par défaut et d'affiner les propriétés pour une personnalisation optimale. La leçon vous guidera également sur la mise en place de classes CSS spécifiques pour le logo et le menu de navigation, ainsi que sur la gestion de l'alignement et des marges.

Enfin, nous évoquerons l'utilisation de frameworks CSS pour intégrer rapidement des styles prédéfinis, simplifiant ainsi le processus de création de votre site web. Ce tutoriel est conçu pour vous aider à démarrer efficacement n'importe quel projet web.

Voir plus

Questions fréquentes

Pourquoi utiliser un modèle de démarrage pour la mise en page d'un site web ?
Utiliser un modèle de démarrage permet de gagner du temps en évitant de recréer des structures de base à chaque projet. Cela aide également à maintenir une cohérence et à réutiliser des éléments éprouvés.
Quels éléments sont recommandés de conserver dans le fichier de démarrage HTML ?
Il est recommandé de conserver les commentaires conditionnels, les styles de base, le header, le menu, le logo, et les balises pour l'accessibilité afin de construire efficacement la base de votre site web.
Quelle est l'importance des frameworks CSS dans la création de sites web ?
Les frameworks CSS, comme Bootstrap ou Foundation, fournissent des bibliothèques de styles prédéfinis qui simplifient et accélèrent le développement web, assurant un design réactif et compatible avec différents navigateurs.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
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 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
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 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !