Skip to content

Kids Learning Code - Webmaking with HTML & CSS (3 hours) | Créer des sites Web avec le HTML + CSS (3 heures)

License

Notifications You must be signed in to change notification settings

canadalearningcode/klc-webmaking-with-html-css

Repository files navigation

English: (Scroll down for French)

Kids Learning Code: Webmaking with HTML & CSS

Quick Links

Preview Lead Instructor Notes: ladieslearningcode.github.io/klc-webmaking-with-html-css/notes-en.html

Preview Slides: ladieslearningcode.github.io/klc-webmaking-with-html-css/slides-en.html

Activity List: bit.ly/webmaking-activity-list

Additional Resources (Optional)

Unplugged Activities: bit.ly/unplugged-activities-doc

Youth Facilitator Handbook: bit.ly/youth-facilitator-handbook-doc

HOW TO USE:

Before the Workshop

1 Week to Go

  • Download this folder.
  • Read the Lead Instructor Notes for context (open in your browser).

3 Days to Go

  • Select a Code-Along activity from the Activity List
  • Practice going through the selected Code-Along and Work Session activities

2 Days To Go

  • Update the slides (in a text editor, like atom.io):
    • Insert the network info (Slide 1)

1 Day to Go

During the Workshop

  • Have Notes accessible throughout the workshop, follow along in the Notes for support.
  • Use the slides to support the Kick-Off and Introduction.

After the Workshop

  • Give yourself a pat on the back - You did it!

ATTRIBUTIONS:

Content created by Kat Barrett, Kassandra Lenters, and Eden Beronio for Canada Learning Code.

Slide presentation created by Christina Truong for Canada Learning Code.

Email questions & comments to [email protected].

This content was created with the advisory of and in collaboration with educators, industry representatives and technologists. These individuals have helped us to ensure that lesson content represents the technology landscape and educator needs, with learners in mind. If you'd like to contribute to future lesson content development, let us know here.

We're really happy to see others leverage our content in their community - we’ve developed it to be used by others with attribution through a Creative Commons (CC BY-NC 4.0) license.

Here’s an easy way to attribute content back to us - please include it wherever you use or make reference to our content.

“Please note that this is not a Canada Learning Code affiliated event, but we want to acknowledge the organization for the creation of the content [INSERT LINK TO GITHUB LINK] being delivered under Creative Commons license"

Contributing

Our general Rule of Thumb is that it's okay to add examples if you feel it could provide more context for your community. However, we ask that instructors do not remove anything, as the content is designed with intention, whether that be meeting specific learning objectives, or maintaining our organization’s culture through the design. Any suggestions for revisions or updates can be submitted in Github via issues and pull requests. If submitting an issue, please include the slide number(s) in the title.

French:

Kids Learning Code: Créer des sites Web avec le HTML + CSS

Liens vers les ressources

Aperçu du Notes pour les enseignants : ladieslearningcode.github.io/klc-webmaking-with-html-css/notes-fr.html

Aperçu des diapositives : ladieslearningcode.github.io/klc-webmaking-with-html-css/slides-fr.html

Liste d'activités : bit.ly/liste-d-activités-web

Ressources supplémentaires (facultatives)

Activités hors ligne : bit.ly/activités-hors-ligne-doc

Guide pour les enseignants (jeunesse) : bit.ly/guide-pour-les-enseignants-doc

À FAIRE :

Avant l'atelier :

1 semaine avant l'atelier

  • Téléchargez ce dossier.
  • Lisez le Notes pour les enseignants pour avoir le contexte de l'atelier (ouvrez-le dans votre navigateur).

3 jours avant l'atelier

  • Sélectionnez une activité de programmation en groupe dans la liste d'activités.
  • Exercez-vous en réalisant l'activité en groupe sélectionnée et en faisant des séances de programmation.

2 jours avant l'atelier

  • Mettez à jour les diapositives (dans un éditeur de texte comme atom.io):
    • Indiquez les informations concernant le réseau (diapositive 1)

La veille de l'atelier

Pendant l'atelier

  • Ayez le Notes pour les enseignants à votre portée et consultez-le au fur et à mesure pour vous aider.
  • Consultez les diapositives pour lire les notes de l’ouverture et de l’introduction.

Après l’atelier

  • Donnez-vous une petite tape dans le dos : vous avez réussi!

Sources

Contenu créé par Kat Barrett, Kassandra Lenters, et Eden Beronio pour Canada en programmation.

Diapositives créées par Christina Truong pour Canada en programmation.

Envoyez vos questions et vos commentaires par courriel à [email protected].

Ce contenu a été créé en collaboration avec des éducatrices et éducateurs, des représentants du secteur des technologies ainsi qu’avec des technologues. Ces personnes nous ont guidés dans la création du contenu afin que celui-ci reflète la réalité du secteur, réponde aux besoins des éducatrices et éducateurs et corresponde aux préférences des apprenants et des apprenantes. Si vous souhaitez contribuer à l’élaboration de notre contenu à venir, faites-nous part de votre intérêt ici.

Nous sommes ravis d'offrir notre contenu au public pour permettre à tous de l'utiliser au sein de leur communauté. C'est pourquoi nous l'avons conçu spécialement pour une utilisation avec attribution sous la licence Creative Commons (CC BY-NC 4.0).

Nous vous invitons à ajouter le passage suivant à l'endroit où vous utilisez ou mentionnez notre contenu afin de l'attribuer à notre organisme en toute Simplicité.

« Bien que cet événement ne soit pas associé à Canada en programmation, nous reconnaissons que l'organisme a créé le contenu [LIEN VERS GITHUB] que nous utilisons dans ce cours sous la licence Creative Commons. »

Contribution

En général, nous n'avons aucun problème à ce que vous ajoutiez des exemples significatifs pour les apprenantes et les apprenants. Toutefois, nous vous demandons de ne pas enlever d'éléments, car ceux-ci ont tous leur raison d'être. Par exemple, le contenu a été conçu pour atteindre des objectifs d'apprentissage précis et la conception reflète la culture de notre organisme. Si vous souhaitez proposer des modifications, soumettez-les sur Github dans « Issues » ou faites une nouvelle « pull request ». N'oubliez pas d'inclure le numéro des diapositives dans le titre de votre soumission.

About

Kids Learning Code - Webmaking with HTML & CSS (3 hours) | Créer des sites Web avec le HTML + CSS (3 heures)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published