Outils pour utilisateurs

Outils du site


ateliers:initiationhtmln:start

Atelier HTML

avec My & 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
ateliers/initiationhtmln/start.txt · Dernière modification: 2017/05/17 21:13 par ag3m