Informations

Niveau estimé : Facile
Sujet mis à jour en mars 2023

Présentation

Hey ! Si je poste ici c'est pour vous proposer un schéma  d'une fiche plus ou moins complexe. Voici le schéma !

La maquette

Détails

Base sur page noire puis création de trois zones grises. Ensuite il faut un titre, un titre secondaire, un bloc description avec gestion du dépassement puis en bas, Un mot qui, quand on clique, nous dirige vers une autre page. En gros, un mot lien.

Bonne chance à vous ! :D

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. Chaque notion est accompagnée d'un lien pour en savoir plus.

• Bases du HTML : (Tutoriel Epicode sur les balises HTML / Documentation HTML francophone)
  • Balises de titres (<h1>, <h2>, etc.) ;
  • Blocs paragraphes <p> ou génériques <div> ;
  • Liens <a>.
• Bases de CSS : (Tutoriel Epicode sur les propriétés CSS / Référence CSS francophone)
  • Couleurs de fond avec la propriété background-color (voire background) ;
  • Couleurs de texte avec color ;
  • Marges externes margin et internes padding ;
  • Propriétés de mise en page du texte font-family, font-size, font-weight, etc. ;
  • Dimensions des blocs avec height et (si besoin) width.
• La propriété CSS overflow pour gérer les dépassements ;
• La propriété CSS border-radius pour les coins arrondis.

Remarques

Attention quand vous fixez des dimensions, pensez aux cas particuliers, un texte très long pour un titre par exemple.