Atelier HTML

avec My & Ag3m

• comprendre ce qu'il y a derrière une page Web qu'on a consultée au moins une fois / qu'on consulte tous les jours
• montrer que tout le monde peut commencer à coder, il faut juste qu'on nous en donne l'occasion
• un premier contact avec du HTML&CSS à approndir par la suite

• avec des cubes HTML en papier : les assembler par deux et construire la structure de base d'une page HTML
• permet d'entrer dans le sujet sans faire face au code directement (préhension), démystifier le langage informatique, ludique (à faire à plusieurs : j'ai 2 jeux de cubes)
• conserver la structure sous les yeux pendant tout l'atelier

• outil gratuit de Mozilla (ne s'affiche pas en navigation privée…)

https://thimble.mozilla.org

https://thimble.mozilla.org/fr/anonymous/527c4726-a00a-49c6-ba0f-28206d7f8422/72

• commencer à modifier du HTML et CSS avec une page existante : rassurant, aller pas à pas, reconnaître ce qu'on a vu à l'étape 1

• coder la structure HTML de base
• aller sur Wikipédia chercher du contenu texte et image
• page très succinte : h1, h2, p, img, a
• coder un peu de CSS