Cours HTML
Méthode de travail

Suppléments d'information

A la demande de certains lecteurs, nous avons détaillé les opérations usuelles que vous devrez effectuer
pour créer vos propres exercices HTML, les tester, le remodifier, les retester etc...

Rappel de la Méthode de travail proposée
  • Nous vous donnons des exemples de code source en application de chaque nouvel élément étudié
  • Vous pouvez lire le code source de nos exemples en cliquant [Affichage] dans le menu de l'explorateur d'Internet et en choisissant [Source] dans le menu déroulant..
  • Comme vous disposez, d'origine dans tous types d'ordinateurs, d'un petit éditeur de texte de type notepad (bloc-notes), wordpad, easytext, etc. : vous pouvez l'utiliser pour copier-collez les sources de nos exemples, modifiez-les, testez-les, inventez-en d'autres, variez les dimensions, les couleurs, essayez tous les paramètres. Amusez vous ! C'est la meilleure façon d'apprendre.

Quelques conseils :

  • Créez sur votre disque un répertoire ou sous-répertoire dans lequel vous mettrez tous vos exercices HTML afin qu'ils ne se mélangent pas aux autres fichiers : autrement vous perdriez un temps fou à les chercher.
  • Appelez ce répertoire d'un nom bien identifiable : "cours_html" par exemple.
  • Vérifiez que l'extension des fichiers source créés est bien HTM ou HTML
  • Testez les codes source de vos fichiers en ouvrant, à l'aide de l'explorateur de Windows, ale répertoire que vous avez créé pour vos fichiers HTML et cliquez double sur le fichier HTML que vous voulez tester. L'explorateur Internet sera automatiquement appelé et vous affichera la page web correspondante.

Répertoire pour les fichiers d'exercices

La figure ci-dessous montre un exemple de répertoire de travail : "cours_html"
créé sous le répertoire "Mes Documents" du disque "C:"

Comment créer ce répertoire
  • Lancer le programme "Explorateur de Windows" :
  • Cliquer-gauche une fois sur "Poste de travail".
  • Cliquer-gauche une fois sur "C:".
  • Cliquer-gauche une fois sur "Mes Documents".
  • Cliquer sur "Fichier" dans la bare des menus de l'Explorateur de Windows que vous avez lancé.
  • Cliquer sur "Nouveau" dans la boîte déroulante.
  • Un nouveau dossier apparaît dans la partie droite de l'écran de l'Explorateur de Windows que vous avez lancé.
  • Ce dossier porte le nom de "Nouveau Dossier".
  • Le renommer comme vous voulez : "cours_html" pourquoi pas ?

Créer un fichier source html avec l'éditeur "Bloc Notes" (Notepad)


Dans Windows l'éditeur "Bloc-Notes" (notepad) peut se lancer de deux manières différentes :

  • Dans la barre des tâches de Windows, cliquer-gauche [Démarrer] puis [Programmes] puis [Accessoires] puis "Bloc_Notes" ou "WordPad" ou tout autre éditeur de texte à l'exception de traitements de texte sophistiqués comme Word, Wordperfect, Works etc...
  • Dans la barre des tâches de Windows, cliquer-gauche [Démarrer] puis [Exécuter].
    On écrit "notepad" (pas BlocNotes) dans la fenêtre qui apparaît.
    On clique-gauche sur [OK]
Voyez le résultat :

Le document ouvert est "Sans titre"

 

Enregistrer tout de suite ce fichier vide sous son vrai nom et au bon endroit !
  • Clique-gaucher sur [Fichier] dans la barre des menus de l'éditeur de texte ouvert (ici "Bloc-notes")
  • Cliquer-gauche sur le choix [Enregistrer sous] du menu déroulant qui apparaît.

.

  • Vous devrez sans doute manoeuvrer pour arriver à vous situer sur le répertoire "cous_html".
    On le fait grâce aux commandes apparaissant sur la fenêtre "Enregistrer sous" en deuxième ligne.
  • Observer que j'ai bien indiqué le nom de mon fichier d'exercices avec la bonne extension ( html ou htm ).
  • Observer que le type de fichier en bas de la fenêtre est : Tous[*.*] et non "Documents texte".
    Si vous ne prenez pas cette précaution, certaines versions de "Bloc-notes" risquent de vous introduire une extension [ *.TXT ]
    Vous ne pourriez plus ouvrir le fichier par l'explorateur Internet en cliquant simplement son nom dans l'explorateur Windows.
    D'ailleurs, l'icône du fichier dans l'explorateur Windows n'est plus dans ce cas celle de l'explorateur Internet, mais celle du bloc-notes !

  • Quand tout est correct, cliquer-gauche sur [ Enregistre r].
  • Si ce fichier existe déjà, vous en serez averti, changez de nom ou écrasez l'ancien suivant les cisconstances.
    Miais réfléchissez bien avant !

Vous pouvez maintenant taper le texte source.

N'oubliez pas d'enregistrer votre fichier en sortant chaque fois que vous le modifiez : [ Fichier ] puis [ Enregistrer ].

 


Comment visualiser votre fichier html avec l'explorateur Internet ?

Deux méthodes s'affrontent pour le même résultat :
  1. Lancer d'abord l'explorateur d'Internet. L'inconvénient de cette méthode est que l'explorateur Interent est généralement réglé pour aller chercher une page web bien déterminée. Que vous soyez ou non connectée ou connecté au réseau, il vous faudra attendre la fin de la temporisation de recherche ( timeout ). Alors seulement vous pourrez indiquer à l'explorateur que ce que vous voulez, c'est lire une page locale dans votre ordinateur. Les commandes à utiliser varient beaucoup avec les explorateurs : cherchez donc un peu !
  2. Lancer d'abord l'explorateur Windows. Naviguez jusquau répertoire du fichier html que vous avez créé. L'écran obtenu s'apparente à celui qui figure en première place en haut de cette page juste après les rappels sur la méthode préconisée. Cliquez-gauche deux fois sur le fichier HTML que vous voulez tester. L'extension HTML ou HTM sera reconnue par Windows qui appellera automatiquement l'explorateur Internet actif dans votre ordinateur. Ainsi vous n'attendrez pas


Retour au premier cours HTML.
Retour au sommaire du cours HTML
Retour en page d'accueil