- PêpêcheMascotte
- Messages : 4428
[Tous niveaux] Une PA pour Séries Pub
Jeu 21 Nov 2019 - 15:45
Tous niveaux - Commande
Une PA pour Séries Pub
Coucou
Pour cet exercice, tu vas devoir te mettre dans la peau d'un codeur et pour cela, nous allons nous baser sur une vraie commande passée par Padsky.
Cet exercice est réalisé grâce à l'accord de Padsky. Ici, nous te donnerons sa commande telle que nous l'avons reçue
• Langages utilisées : HTML & CSS
• Niveau évalué : Débutant
Voici le schéma de la PA :
Informations utiles (couleurs, images, etc, …) : Couleur fond bloc catégories : #ffffff, couleur fond des titres : #94574c et le texte en #ffffff. Couleur bloc forum : #ca8162, description/dernier message : #ffffff, couleur: #000000. Couleur fond sous forum : #ad7c73, texte: #ffffff.
Avatar :
Le forum est actuellement réglé sur une largeur de 800px.
Niveau intermédiaire ; nécessite de savoir utiliser les transitions en CSS.
Est-ce possible d'ajouter un effet sur l'image pour les membres du staff et voir apparaître le pseudo et le lien vers sa boite MP stp ?
Un effet coulissant vers le bas par exemple. La couleur des blocs serait plutôt ça : #ca8162.
• Les bases du HTML
• Les principales balises
• Des balises de mise en page
• [Conseillé pour les débutants] Les tableaux
• Comment appeler de la CSS dans une page web ?
• Les propriétés les plus courantes
• Des propriétés structurantes
• [Intermédiaire] Les display ? Kesako ?
• [Intermédiaire] Des transitions (au passage de la souris)
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 qu'il 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 balises 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 d'exercices en précisant bien quel exo te pose un souci
Bon courage.
Pour cet exercice, tu vas devoir te mettre dans la peau d'un codeur et pour cela, nous allons nous baser sur une vraie commande passée par Padsky.
Cet exercice est réalisé grâce à l'accord de Padsky. Ici, nous te donnerons sa commande telle que nous l'avons reçue
• Langages utilisées : HTML & CSS
• Niveau évalué : Débutant
Une PA
Voici le schéma de la PA :
Informations utiles (couleurs, images, etc, …) : Couleur fond bloc catégories : #ffffff, couleur fond des titres : #94574c et le texte en #ffffff. Couleur bloc forum : #ca8162, description/dernier message : #ffffff, couleur: #000000. Couleur fond sous forum : #ad7c73, texte: #ffffff.
Avatar :
- Spoiler:
Le forum est actuellement réglé sur une largeur de 800px.
Un petit plus pour les plus courageux
Niveau intermédiaire ; nécessite de savoir utiliser les transitions en CSS.
Est-ce possible d'ajouter un effet sur l'image pour les membres du staff et voir apparaître le pseudo et le lien vers sa boite MP stp ?
Un effet coulissant vers le bas par exemple. La couleur des blocs serait plutôt ça : #ca8162.
Les tutoriels utiles
HTML
• Les bases du HTML
• Les principales balises
• Des balises de mise en page
• [Conseillé pour les débutants] Les tableaux
CSS
• Comment appeler de la CSS dans une page web ?
• Les propriétés les plus courantes
• Des propriétés structurantes
• [Intermédiaire] Les display ? Kesako ?
• [Intermédiaire] Des transitions (au passage de la souris)
Important à retenir
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 qu'il te plait et utilise les choses avec lesquelles tu es à l'aise
Une fois que ta PA est terminée
Il te suffit de venir déposer ta copie en nous fournissant ton code entre balises 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 d'exercices en précisant bien quel exo te pose un souci
Bon courage.
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum
|
|