La Zone 51

Page web simple comme bonjour

Publié le :

Vous débutez de zéro dans la programmation HTML. Voici un exercice ultra simple pour commencer une page web. Le but de cet exercice est de juste vous montrez la simplicité d'accès au codage et de démystifier la notion de programmation d'une page web en html.

Outils très simples

Edition de votre page

Pour éditer votre première page web, nous allons utiliser un logiciel simple fourni avec Windows™ : le « Bloc-Notes ».

Vous trouverez son raccourci dans le menu « Démarrer ». Vous cliquez sur le répertoire « Accessoires Windows », et sélectionnez en cliquant sur Bloc-Notes.

Fenêtre du menu démarrer le Bloc-Notes
Menu pour démarrer le Bloc-notes.

Vous avez ouvert un nouveau document dans le bloc-notes, suivez les instructions suivantes :

  1. Vous écrivez « Bonjour ! » dans la fenêtre du bloc-notes.
  2. Vous enregistrer ce fichier en le nommant bonjour, dans le dossier Documents de votre PC.

Rien de bien nouveau pour vous je suppose : vous avez un fichier qui s'appelle bonjour.txt 🤣.

Fenêtre du Bloc-notes
Fenêtre du Bloc-notes NotePad de Windows.

Document avec extension html

Maintenant vous allez enregistrer votre fichier avec l'extension html au lieu de txt :

  1. Vous cliquez sur le menu Fichier et Enregistrer sous,
  2. inspirez vous de l'image ci-dessous :
    Fenêtre du Bloc-notes et son menu Fichier Enregistrer sous
  3. la fenêtre « Enregistrer sous » s'affiche comme sur l'image suivante :
    Fenêtre enregistrer sous dans le répertoire Documents de windows 10
  4. en bas de cette fenêtre dans le champ du nom de fichier vous modifiez le .txt en .html,
  5. vous cliquez sur le bouton Enregistrer (vous laissez l'encodage en UTF-8).

Bravo ! Vous êtes maintenant en train d'éditer votre première page html.

Fenêtre du Bloc-notes NotePad et édition du fichier bonjour.html
Fenêtre du fichier bonjour.html dans le Bloc-Notes.

Visualisation de votre page web

Vous parcourez votre dossier Documents et vous retrouvez vos 2 fichiers. Cliquez droit sur le fichier bonjour.html et faites « ouvrir avec » ; choisissez Edge le navigateur installé par défaut sur votre PC.

Fenêtre de l'explorateur windows et repèrage du fichier bonjour.html
Ouverture du fichier bonjour.html avec Edge.

Bravo ! Vous pouvez voir le résultat de votre premiere page internet locale dans un navigateur web.

Fenêtre du navigateur Edge affichant le fichier bonjour.html
Le fichier bonjour.html dans une fenêtre Edge.

Il est évident que la réalisation d'une page web sera plus complexe que cela. Cet exercice est purement pédagogique. Un navigateur sait ouvrir toute sorte de fichier, même les textes. Essayez donc !
Dans la leçon suivante nous allons voir les outis de base du webmaster débutant.

Ce qu'il faut retenir