Dans ce projet, tu vas apprendre à créer ta propre affiche.
Si vous avez besoin d'imprimer ce projet, merci d'utiliser la Version imprimable.
Dans ce projet, les enfants auront l’occasion d’écrire leur propre code CSS. Ils pourront également éditer et écrire des propriétés CSS et des sélecteurs pour créer leur propre affiche.
Nous recommandons d'utiliser trinket pour écrire du HTML & CSS en ligne. Ce projet contient les trinkets suivants :
Les enfants peuvent également utiliser ce trinket vide (jumpto.cc/html-blank) pour écrire leur propre code HTML & CSS, ou utiliser ce trinket modèle (jumpto.cc/html-template).
Il y a aussi un Trinket contenant un exemple de solution pour les défis :
Ce projet peut être terminé hors-ligne si désiré. Vous pouvez accéder aux ressources du projet en cliquant sur le lien « Matériel pour projet ». Ce lien contient une section « Ressources du projet » qui inclut les ressources dont les enfants auront besoin pour terminer le projet hors-ligne. Assurez-vous que les enfants ont accès à une copie de ces ressources. Cette section inclut les fichiers suivants :
- template/index.html
- template/style.css
- wanted/index.html
- wanted/style.css
- wanted/robot.png
Vous pouvez aussi trouver une version terminée du projet dans la section « Ressources du bénévole » qui contient :
- wanted-finished/index.html
- wanted-finished/style.css
- wanted-finished/robot.png
(Toutes les ressources ci-dessus peuvent aussi être téléchargées dans les fichiers .zip projet et bénévole)
- Ce projet donne aux enfants la possibilité d’écrire leur propre code CSS pour styler une page Web.
Ce projet couvre les éléments suivants du Programme Raspberry Pi de Créativité Numérique:
- « Améliore ton affiche » - ajout de nouvelles propriétés CSS au sélecteur
div; - « Améliore ton image » - ajout de nouvelles propriétés CSS au sélecteur
div; - « Rend ton poster cool » - ajout de nouvelles propriétés CSS et de nouveaux sélecteurs;
h3etp; - « Annonce un événement » - Écrire et éditer du code HTML et CSS.
--- /collapse ---
- Fichier .zip contenant toutes les ressources du projet
- Trinket en-ligne contenant les ressources du projet « Recherché »
- Modèle de trinket en ligne
- Trinket vierge
- template/index.html
- template/style.css
- wanted/index.html
- wanted/style.css
- wanted/robot.png
- Fichier .zip contenant toutes les ressources du projet terminé
- Trinket Python en ligne vierge
- wanted-finished/index.html
- wanted-finished/style.css
- wanted-finished/robot.png
--- /collapse ---