Guide Complet pour la Mise en Page d'un Site Web

Présentation de la méthodologie
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

89,00€ Je commande

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

DescriptionProgrammeAvis
4,5
89,00€ Je commande

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

Les objectifs de cette vidéo sont de vous apprendre à créer une mise en page web complète, à partir d'une maquette, en passant par l'écriture et la validation du code HTML et CSS, jusqu'à la finalisation et l'optimisation pour différents navigateurs.

Ce guide explique les différentes étapes nécessaires pour élaborer la mise en page d'un site web, de la maquette à la validation du code.

Dans cette leçon, nous aborderons l'ensemble du processus de création de la mise en page d'un site web. Vous apprendrez à partir d'une maquette de web designer ou à créer votre propre maquette après avoir structuré l'architecture de l'information du site. La première étape consiste à réaliser un schéma sémantique et une analyse sémantique globale des pages. Ensuite, vous passerez à la saisie du code HTML, étape par étape, en commençant par l'entête, le pied de page et le contenu de la page d'accueil. Chaque portion de code doit être validée auprès du W3C pour éviter les erreurs de mise en forme. Vous utiliserez ensuite un modèle CSS préexistant pour styliser votre site, en personnalisant les polices, tailles de texte, couleurs et hauteurs de lignes, ainsi que les divers éléments interactifs. Une fois ces bases posées, vous positionnerez les différents blocs de contenu et embellirez l'ensemble pour un rendu visuellement attrayant. Enfin, vous validerez et préfixerez votre code CSS pour garantir une compatibilité maximale avec les différents navigateurs.

Voir plus
Questions réponses
Pourquoi est-il important de valider son code HTML auprès du W3C ?
Valider son code HTML auprès du W3C permet de détecter et corriger les erreurs de code pour assurer une compatibilité et une mise en forme cohérente sur tous les navigateurs.
Quel avantage présente l'utilisation d'un modèle CSS déjà existant ?
Utiliser un modèle CSS déjà existant permet de gagner du temps en ne repartant pas de zéro et d'assurer une homogénéité et une compatibilité déjà éprouvées.
Quelle est la première étape de la création de la mise en page d'un site web ?
La première étape est de réaliser un schéma sémantique et une analyse sémantique globale des pages du site.

Programme détaillé

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