HTML par l’exemple

Le HTML fait partie des langages de programmation utilisés pour réaliser des pages internet. Dans les cours de SNT, au lycée ou même avec certains élèves de primaire, c’est le premier langage utilisé. Le problème de la programmation, c’est de réussir à rendre concret le code. Voir ce qui se passe, le plus rapidement possible. Les enfants ont besoin d’un résultat rapide à l’écran.

htmled.it est un éditeur html gratuit en ligne. Il propose une approche particulièrement ludique comme on peut le voir dans la fenêtre ci-dessous.

Une fenêtre d’édition scindée en deux parties. La partie de gauche est le résultat, la partie de droite est le code correspondant. La partie gauche ne se contente pas d’afficher, elle propose un éditeur qui va donc modifier la partie de droite pour avoir le code.

C’est très intuitif. On commence par changer le texte à gauche ou le code à droite. On comprend ainsi comment on construit un tableau ou encore comment on fait pour mettre une image.

Testé avec des élèves de seconde générale, la prise en main est immédiate. L’élève tâtonne à partir d’un contenu déjà existant et ne se retrouve pas dans la difficulté de devoir tout créer par lui-même.

cliquez ici pour aller sur le site de HTMLed.it

2 Comments

  1. Intéressant en effet mais la question est de savoir si l’utilisateur apprend le HTML ou si finalement ce n’est qu’un éditeur de page WysiwyG online.
    Je doute que beaucoup de monde face du HTML from scratch de nos jours avec tous les outils et IDE qui existent pour « faciliter » la tâche et souvent nous sortir du code bien pourri.

    Donc si le but est de faire une page et d’avoir le fichier à mettre sur le serveur à partir de ça, moui….mais va falloir expliquer les CSS, les classes, les SPAN etc à un moment, malheureusement…et déjà le principe d’un langage à balise. Le markdown en première étape montre aussi ses limites (les tableaux, par exemple…)

Comments are closed.