Coopération et partage autour des pratiques collaboratives

Hacktivity Kit traduit : comprendre et apprendre le HTML !

Lorsque Caroline Comacle, traductrice indépendante intervenante professionnelle au sein du Master Rédacteur/Traducteur de l’UBO, nous a contactés pour savoir si nous accepterions de jouer le jeu d’un commanditaire de traduction, nous avons immédiatement pensé à traduire des ressources des qualité, libres et en lien avec les projets des petits débrouillards.

Nous avions découvert le projet hackasaurus développé par la fondation mozilla : un projet d’éducation au HTML.

Nous avons donc proposé la traduction du livret "hacktivity kit" en français.

Un outil pédagogique en licence Créative Commons.

Hackasaurus est un projet pédagogique vraiment bien fait qui permet de comprendre la fabrication d’une page web. Les lunettes à rayon X sont un outil ludique et adapté permettant de hacker, pour apprendre et jouer, des pages web. Ceci permettant une appropriation concrète du HTML.

Nous sommes heureux de vous proposer au téléchargement libre et gratuit, l’hacktivity kit en français.

Faites en bon usage et surtout copiez ! C’est partager !

Quitte à évoquer la pédagogie du HTML, nos confrères de FranceTV éducation ont réalisé un module pédagogique très bien fait également !

Comme l’évoque cet article de Netpublic (source sous licence CC-By-Sa) :

La chaîne en ligne FranceTV Éducation propose en libre accès un module pédagogique de plusieurs épisodes pour apprendre ce qu’est l’HTML et comment on s’en sert : Le HTML par lui-même (épisode 1) et Le HTML par lui-même : Les bases du HTML (épisode 2).

Dossier pédagogique : HTML, URL, liens hypertextes, le Web et Internet

Pour expliciter ce qu’est le HTML, on est invité à rencontrer virtuellement un personnage nommé HTML (création de l’illustratrice Léa Taloc) dans une aventure d’initiation aux techniques de base du web et d’Internet pour les plus jeunes.

Il s’agit de se plonger via différents articles didactiques :

  • le Web et Internet,
  • Internet, un réseau de réseaux d’ordinateurs : Les ordinateurs sur Internet : serveurs, clients, routeurs, DNS,
  • Les URL : Une URL est formée de la manière suivante…
  • Les liens hypertextes : les différents types de liens,
  • Conclusion : ne pas confondre le web et Internet.

L’épisode 2 : Les bases du HTML est davantage technique et à visée pratique :

  • Les bases du HTML : introduction,
  • Les balises,
  • Structure de base d’une page HTML,
  • Insérer du texte,
  • URL absolue et URL relative,
  • Insérer une image et créer un lien,
  • A toi de jouer : créer un site…

Ces différents épisodes abordent pas à pas les termes et notions présentées, la technique et délivrent des ressources (liens externes) pour approfondir la thématique HTML.