Le support est un fichier texte se terminant par .html
Le fait de cliquer sur ce fichier, l'ouvre avec le navigateur firefox
Pour pouvoir modifier ce fichier, il faut faire un clique droit de souris dessus et séléctionner ouvrir avec l'éditeur de texte
L'éditeur de texte que j'utilise se nomme gedit
Le fichier vidéo de base fournit par le formateur se nomme index.html, car c'est une convention de premier fichier ouvert dans un répertoire.
Avant toute édition du fichier, il faut toujours faire une sauvegarde du fichier avec un copier/coller, afin de pouvoir revenir en arrière. Les apprenants ayant quelques facilités avec les fichiers textes peuvent aussi faire un enregistrer sous, et de renommer pour récupérer.
Les déplacements dans le document se font à partir d'une recherche de mots, plus nous donnons de mots précis, plus nous sommes sure de trouver l'endroit exact
Dans gedit, il faut monter la sourris en haut de l'écran pour faire apparaitre le terme "rechercher", clique gauche dessus, fait apparaitre un menu déroulant contenant le teme remplacer, clique gauche sur le terme remplacer fait apparaitre un bouton qui permet d'entrer le terme que l'on cherche.
Le document html est composé de deux grandes zones, l'une nommée head, l'autre nommée body
Ces zones sont délimitées par des signes, pour le début de head, c'est <head> et pour la fin, c'est </head>.
Pour le début de body, c'est <body> et pour la fin, c'est </body>.
La vidéo est composée d'une liste d'images qui se suivent dans le temps.
L'image portant l'indice le plus fort apparait en premier.
L'image portant l'indice le plus faible apparait en dernier.
Par convention une image se nomme "fleur" et sa position dans la liste est le numéro d'indice suivant
La dernière image se trouve en faisant une recherche sur le terme : id="fleur1"
Si la vidéo contient 4 images, la première image de la vidéo se trouve en faisant une recherche sur le terme : id="fleur4"
Les signes qui permettent de positionner le dessin dans la page sont : margin-top pour la hauteur et margin-left pour la distance au bord gauche de l'écran
Ces signes s'utilisent entourés de termes de conventions qui sont : <div style="margin-left:10px ; margin-top:20px;"> </div>.
Ici, il est indiqué que le dessin est à 10 unités du bord gauche et 20 unités du bords haut de l'image.
Dans gedit, il faut monter la sourris en haut de l'écran pour faire apparaitre le terme "Fichier", clique gauche dessus, fait apparaitre un menu déroulant contenant le teme Enregistrer, clique gauche sur le terme Enregistrer, enregistre les changements.