====== Atelier HTML ======

avec [[https://twitter.com/l_myle_l|My]] & [[https://twitter.com/ptilou42_/|Ag3m]]

=====  Objectifs : ===== 

  * 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

===== Partie 1 – Découvrir les balises HTML / Cubes HTML =====

  * 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
 
===== Partie 2 – Modifier le code existant d'une page / Thimble =====

  * 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
 
===== Partie 3 – Coder sa première page / Utilisation d'un éditeur de texte =====

  * 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