Accueil
Maquette d'Exercice - Fiche de RP
Créée par : Artemis
Informations
Niveau estimé : Facile
Sujet mis à jour en aout 2024
Présentation
Salut ! Je suis le forum !
'Christa a fait une bêtise en mettant à jour ce sujet — oui bah ça arrive personne n'est parfait T_T — et le texte d'intro d'Artemis a disparu, mais en substance, have fun, et n'hésitez pas à tagguer Artemis si vous postez votre exercice dans les Avis sur un code !
La maquette
![[FACILE] Exercice #14 - Fiche de rp - Artemis L7eg](https://www.zupimages.net/up/20/29/l7eg.png)
Détails
- Typographie : Bebas Neue pour le titre, Calibri pour le reste
Compétences suggérées
Rien ne vous oblige à utiliser toutes les suggestions si vous préférez vous concentrer sur un concept précis que vous ne maîtrisez pas encore
- Bases du HTML : balises de titres (
<h1>,<h2>, etc.), blocs paragraphes<p>ou génériques<div>, images<img>... - Bases du CSS : image de fond, couleurs de fond et de texte, marges, espacements internes, taille de texte...
- La propriété CSS
overflowpour gérer les dépassements - Les bordures et contours en CSS
- Manipulation d'images, en particulier avec
object-fit
Entrainement pour le positionnement des blocs côte à côte :
- Flexbox pour la méthode la plus moderne ;
- La propriété
display:gridest une alternative à flexbox tout aussi fonctionnelle ; - La propriété
floatest capricieuse mais intéressante à utiliser, voir le tutoriel sur le positionnement en CSS - La propriété
display:inline-block;pour une autre méthode alternative
Techniques avancées
clamp()pour une adaptation automatique de la taille de police du titre