CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Centrer un site web avec CSS

Centrer un site web avec CSS

Les avantages de l'inspecteur d'éléments
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

Introduction à la mise en page CSS

Objectifs

Les objectifs de cette vidéo sont d'apprendre à centrer un site web, à utiliser un container CSS et à gérer les marges et paddings pour une mise en page homogène.

Résumé

Apprenez à centrer un site web dans la page du navigateur en utilisant un container CSS, et découvrez la gestion des marges et paddings.

Description

Dans cette leçon, vous apprendrez à centrer votre site web en utilisant les techniques de CSS. Vous allez découvrir comment créer un container principal, souvent appelé 'wrap', et comment lui donner une largeur fixe de 960 pixels, ce qui est une taille standard pour des écrans classiques. Ensuite, nous verrons comment utiliser la propriété 'margin' avec la valeur 'auto' pour centrer le container dans la page du navigateur. Pour affiner la mise en page, nous ajouterons également des marges et des paddings afin de garantir que le contenu ne soit pas collé aux bords du container. Vous apprendrez également à utiliser l'inspecteur d'éléments pour vérifier et ajuster les styles CSS en temps réel.

Nous aborderons aussi les réglages des marges pour les titres et les paragraphes afin de répondre aux spécifications de votre designer, tout en garantissant que chaque élément ait l'espacement nécessaire pour une lecture agréable. Enfin, nous appliquerons des ajustements sur les éléments de navigation et de pied de page pour assurer une mise en page cohérente et esthétiquement plaisante. Cette leçon est essentielle pour quiconque souhaite maîtriser les fondamentaux de la mise en page avec CSS.

Voir plus

Questions fréquentes

Qu'est-ce qu'un 'wrap' en CSS?
Un 'wrap' est un container principal utilisé pour centrer le site dans la page du navigateur et contenir tout le contenu du site.
Pourquoi utiliser la valeur 'auto' pour les marges latérales en CSS?
La valeur 'auto' pour les marges latérales permet de centrer automatiquement un élément horizontalement dans son conteneur.
Quelle est la taille standard recommandée pour un container principal en CSS?
La taille standard recommandée pour un container principal est de 960 pixels, bien que des tailles plus larges comme 1280 pixels puissent être utilisées pour des écrans plus grands.

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 !