[Tous niveau] Une mise en page de message #1

Coucou !

Pour cet exercice, la consigne va être un peu particulière parce que tu vas être libre de tout !

• Langages utilisées : HTML, CSS
• Niveau évalué : Débutant


Le but de cet exercice est de réaliser une mise en page de message. Ici, nous te laissons tout choisir, cependant, voici ce que doit contenir au minimum ton codage :


La mise en page aura, tout en haut, un visuel qui changera en CSS en fonction du type de message (pense aux classes :p).

Le message aura un titre général et un sous-titre.


Cette zone devra afficher correctement :
• des titres de niveau I,
• des titres de niveau II,
• des titres de niveau III,
• des listes,
• des liens (et leur état au survol),
•, et bien sûr, du texte .

Pense donc à styliser tout ça


• Le titre général aura une typographie précise.
• Les titres de niveau I, II et III auront la même typographique.
• Le reste des textes aura une typographie "classique" (Arial, Tahoma, Verdana, Times, ...).


Voici une liste de petites choses qui pourraient te servir pour créer ta mise en page :
• Choisir une palette de couleurs ;
• Des typographies et comment les utiliser ;
• Des pictos et comment les utiliser.



• Les bases du HTML
• Les principales balises
• Des balises de mise en page


• Comment appeler de la CSS dans une page web ?
• Les propriétés les plus courantes
• Des propriétés structurantes

Voir tous les tutoriels


Pour cet exercice, il n'y a pas un seul code, une seule correction. Chacun se sent plus à l'aise avec telle ou telle propriété/balise. Fais comme tu le sens. Fais ce qu'il te plait pour arriver au rendu final.

Notre but ici est de vérifier que tu sais utiliser les balises html & css présents dans nos tutoriels et qu'avec tout ça, tu sais te débrouiller pour coder quelques choses de propre et de valide par rapport aux normes actuelles.

Nous sommes là pour te guider et vérifier que ton code est bon. Nous ne sommes pas là pour t'imposer une méthode de codage. Fais ce qui te plait et utilise les choses avec lesquelles tu es à l'aise


Il te suffit de venir déposer ta copie en nous fournissant ton code entre balise code. Mäven ou Miettes viendra corriger ton devoir, te guider et te conseiller pour l'améliorer si besoin ou le valider pour que tu puisses passer à un autre exercice.

En cas de problème, n'hésite surtout pas à poser des questions dans ton sujet de rendu d'exercice en précisant bien quel exo te pose un souci

Bon courage.