Eavenn
Newbie
- Date d'inscription : 06/08/2015
- Messages : 62
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
• 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
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 arrondisLa propriété CSS
overflow
pour gérer les dépassementsLa pseudo-classe
:nth-child()
pour l'alternance de couleursLe positionnement absolu/relatif pour l'effet des infobulles au survol
A 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 tableau
Merci d'informer le staff d'Epicode en cas de lien mort !
_______________
Jeu 13 Oct 2016 - 8:59
Azalée
Accro au forum
- Date d'inscription : 26/12/2013
- Messages : 4200
Coucou, je me suis permise d'éditer ton titre, parce que le niveau est "intermédiaire" et non difficile.
_______________
Sam 29 Oct 2016 - 21:12
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum