Accueil
Maquette d'Exercice pour Page d'Accueil
Créée par : Eavenn
Informations
Niveau estimé : Intermédiaire
Présentation
Hello, je vous propose à mon tour un schéma pour une PA
La maquette
![[Intermédiaire] Page d'accueil #2 - Eavenn Schema10](https://servimg.com/r/9719233335/schema10.png)
• Les ronds à gauche sont les images du staff avec un effet de survol
• Les ronds à droite sont les images des pvs/adoptables/scenarios avec un effet de survol
• Les 1, 2, 3 sont les boutons top-sites
• Les ronds blancs sont les boutons de partenaires
![[Intermédiaire] Page d'accueil #2 - Eavenn 3775839356](/users/1416/13/16/78/smiles/3775839356.gif)
Compétences suggérées
Bases du HTML : titres <h1>, <h2>, etc., blocs paragraphes <p> ou génériques <div>, listes HTML <ul> et <li>, liens <a> et images <img>... Bases du CSS : couleurs de fond et de texte, marges, espacements internes, taille de texte... Flexbox pour positionner des blocs côte à côte La propriété CSS border-radius pour les coins arrondis La propriété CSS overflow pour gérer les dépassements La pseudo-classe :nth-child() pour l'alternance de couleurs Le positionnement absolu/relatif pour l'effet des infobulles au survolA titre d’entraînement (uniquement !), vous pouvez également tenter d'obtenir un rendu avec les anciennes méthodes :
les tableaux HTML La fusion des cellules d'un tableauMerci d'informer le staff d'Epicode en cas de lien mort !
_______________
