Votre première page WEB. 

Créez votre première page WEB en 15 minutes chrono.

Préambule.
Il existe divers logiciels permettant de créer un site WEB, à titre d'exemple je citerais:
FrontPage et Webexpert (mais il y en a d'autres généralement shareware).
Pourquoi utiliser "payant" alors que l'on trouve pratiquement tout ce dont on a besoin pour la création de son site, gratuitement sur le Net.

Le logiciel.
Nous allons donc utiliser le logiciel Netscape-Composer et l'ouvrir. 
NB : Il s'agit de Netscape 4,7 ou 6, chargé à l'installation de Windows (qui contient Netscape Navigator et Composer).

Création d'un fond (ici avec la version française 4.7) .
- Cliquer sur le bouton droit de la souris.
- Sélectionner "Propriété de la page ".
- Cliquer sur le bouton "Couleurs et arrière plan". 
- Sélectionner "Couleurs personalisées".

A titre d'exemple :
- Cliquer sur le bouton "Texte normal".
- Cliquer sur la couleur "blanc".
- Dans la rubrique "Modèles de couleurs = cliquer sur la couleur "blanc sur noir".
Le texte saisi sur la page sera donc de couleur blanche sur une page noire.

- Cliquer sur le bouton "Texte du lien".
Sélectionner la couleur "jaune".
Les liens proposés sur la page seront ainsi de couleur jaune.

- Cliquer sur le bouton "Texte du lien activé".
- Sélectionner la couleur rouge.
Les liens actifs deviendront de couleur rouge.

- Cliquer sur le bouton "Texte du lien suivi"
- Sélectionner la couleur "violet".
Les liens visités deviendront alors de couleur violette.

On peut également remplacer la couleur de fond par une texture ou une image de fond 
(on trouve des "fonds" un peu partout sur des sites gratuits), donc :
- Cocher l'option "Utiliser l'image".
- Cliquer sur le bouton "Choisir le fichier".
Sélectionner le fichier de texture ou d'image à partir de la boîte de dialogue de sélection.
- Cliquer sur "ouvrir".

Descriptif de la page.
On revient à la fenêtre "Propriété de la page".
- Cliquer en haut à gauche, sur l'onglet "Général".

Il s'agit maintenant de donner un titre à notre page:
- Dans le champ "Titre" saisissez le titre de votre page, en rapport avec le site.
- Dans le champ "Auteur", vous pouvez saisir votre nom.
- Dans le champ "Description", indiquez un descriptif précis de la page et du site.
- Dans le champ "Keywords ou Mots clés" indiquez tous les mots importants se rapportant au site, séparés par une virgule.
NB: ces mots clés permettront le référencement dans les moteurs de recherche.
Maintenant, cliquer sur "OK".

Enregistrement de la page.
-Dans le menu de Netscape Composer, sélectionner l'option "Fichier".
- Sélectionner " Save as ou Enregistrer sous".
- Dans le champ "nom" = ATTENTION, il est impératif de taper "index", ce qui permettra sa reconnaissance par le langage HTML qui gèrera votre page et le site lui-même..
- Cliquer sur "Enregistrer".

Création de tableaux.
Dans Netscape Composer, rien n'interdit de taper du texte et de le mettre en forme avec les différentes commandes proposées. Mais l'utilisation de tableaux permet d'obtenir un résultat plus net et, surtout, des paramètres de visualisation quasi invariables selon le type de navigateur utilisé par le surfeur.
- Dans la barre d'icône, cliquer sur "Tableau".
- Dans le champ "Nombre de lignes", saisissez le nombre de lignes désirées.
NB : si vous tapez 1, cette ligne s'adaptera au fur et à mesure de l'entrée de texte.
- Dans le champ "Nombre de colonnes", saisissez le nombre de colonnes désirées.
- Sélectionner "Largeur des bords", si vous indiquez "0" pixels ils n'apparaîtront pas dans le document final (éventuellement pour des raisons esthétiques).
- Cliquer sur "OK".
NB : lorsqu'un tableau contient plusieurs cellules, celles-ci peuvent être dimensionnées.
- Effectuer un clic droit sur le tableau.
- Sélectionner "Propriété du tableau".
- Sélectionner "Cellule".
- Cocher la case "Largeur de la cellule" et ajuster son pourcentage par rapport au tableau.

Placement et modification du texte.
Le texte se place en sélectionnant un point d'intersection à l'aide de la souris. C'est la position du curseur qui détermine la position du texte. Le formatage du texte suit la même logique que dans un traitement de texte.
Dans "Composer", on trouve les fonctions de centrage, d'alignement à gauche, droite ou centre, le changement de taille, le changement de police de carractère, etc.

Insertion d'image.
Sur la page, la position du curseur déterminera l'emplacement final de l'image.
- Dans le menu, sélectionner "Insérer" et "Image".
- Une fenêtre "Propriété de l'image" s'ouvre.
- Cliquer sur le bouton "Choisir le fichier".
- Sélectionner le fichier de l'image que vous souhaitez et cliquer sur "ouvrir".
NB : ces images seront de préférences munies de l'extension "jpg" ou "gif" (ordinaire ou animés) afin de prendre le moins de place possible sur la page.

Insertion de liens hypertexte.
Pour permettre au surfeur de passer à une autre page ou un autre site, textes et images peuvent se transformer en liens hypertextes ou en images "cliquables".
- A l'aide de la souris, sélectionner la portion de texte sur laquelle devra porter le lien.
- Effectuer un clic droit sur le texte sélectionné.
- Sélectionner l'option "créer un lien en utilisant la sélection".
- Dans le champ "lier à", cliquer sur le bouton "choisir un fichier".
- Sélectionner le fichier qui servira de lien et vous aurez ainsi l'URL du fichier à ouvrir.
NB : il peut s'agir d'une seconde page de votre site ou d'une page d'un autre site.
- Cliquer sur "OK".

Et voilà ! Votre première page est créée. Celle-ci devient votre "page d'accueil" par laquelle les internautes passeront pour visualiser votre site.

Afin que tout fonctionne correctement, vous devez concentrer tous les fichiers composant votre site (pages, images, etc) dans un répertoire unique que vous nommerez à votre convenance (par ex. "mon site").
Pour les pages suivantes, la procédure est la même que ci-dessus et elles seront donc également sauvegardées dans le même répertoire.

Pour visualiser votre travail hors connexion, ouvrez votre répertoire "mon site" et cliquez sur "index". Ici, vous arrivez dans votre "explorateur" et, dans la barre supérieure, vous verrez apparaître : le titre de votre page et par ex. Microsoft Internet Explorer.
Si vous voulez avoir une idée de ce qu'est le langage HTML, cliquez sur "Affichage" et ensuite sur "source". Vous verrez ainsi tout le code HTML de votre page.
Peu à peu, lorsque vous aurez acquis de la pratique vous pourrez modifier directement certains paramètres d'une page directement à travers le code source, via le navigateur ou l'explorateur, par application du langage html.

* * * * * *

vers menu