.

La création de pages web

par Jean-René Gonthier

Durant ce cours de 4h nous allons réaliser un site web très simple. Ces pages serons mises en ligne sur le site http://www.technews.ch

1

Préambule

 Avant de commencer à véritablement créer un site web, il s'agit d'exécuter certains travaux préparatoires. Un site web comme tout projet se doit d'être planifié et structuré. De plus si le site a des vocations commerciales, il ne faudra pas manquer de faire une campagne publicitaire pour le faire connaître, Il faudra aussi consacrer beaucoup de temps à réactualiser, modifier et améliorer sans cesse l'information s'y trouvant.

Durant ce cours, nous n'aborderons que la première partie. Toutefois les points 2,3 et surtout 4 ne sont pas à négliger. Côté hébergement, et afin de tester ces pages dans les jours suivant le cours, les pages créées durant ce cours seront mises en ligne dans le répertoire suivant: http://www.gonthier.ch/formationuts

 Voici les principales tâches à effectuer.
  1. Création
  2. Hébergement
  3. Référencement
  4. Mise à jour régulière

2

Structure

"La home page"

 Ce site que nous réaliserons ensemble sera placé dans un dossier à votre nom, par exemple gonthier

Il s'agit évidemment d'un site très simple basé sur une "homepage" classique portant le nom INDEX.HTM comportant 4 liens:

  • Famille (1)
  • Hobby (2)
  • Travail (3)
  • et éventuellement l'accès à une adresse E-mail

Sur certains serveurs cette "homepage doit se nommer :
default.htm ou default.html

3

Structure

"les frames"

 Chacun des trois premier liens mène vers un set de cadres. Il s'agit d'une page faisant appel à deux autres page.

par exemple le lien Famille mène vers la page FFAMILLE.HTM

Cette page a cette allure:
Sommaire

Famille

Hobby

Travail
Contenu
La partie de gauche (en vert) provient du fichier MENUG.HTM et fait office d'index, de menu de navigation ou de sommaire La partie droite (en jaune) provient du fichier FAMILLE.HTM
Comment ça marche?
Dans la partie de gauche qui fait office d'index ou de sommaire il suffira alors de cliquer sur l'un des trois termes [Famille] [Hobby] [Travail] pour que le contenu de la page désirée apparaissent sur la partie principale de droite.

Où placer le logo?
Le logo doit se placer en principe en tête de la partie de gauche.

Pourquoi la Homepage n'est-elle pas conçue avec des cadres? Afin que le référencement soit plus aisé car lorsqu'une page de type frame est soumise à un moteur de recherche celui-ci ne peux pas détecter de texte significatif puisqu'elle ne contient que des liens.

4

Outils

de création

 La création de pages web s'est démocratisée, il n'est plus utile d'être informaticien pour pouvoir créer un site web. Désormais l'usage d'un éditeur de pages html est devenu aussi simple ou presque que l'utilisation d'un traitement de texte.

Le langage html est particulièrement obtus lorsqu'il s'agit de créer une page par contre les outils actuellement sur le marché permettent grâce à leurs interface conviviales de rendre ce travail agréable et aisé. Tous les outils sont des "WYSIWYG". Voici une liste d'outils de création de pages web:


Pour en savoir plus
sur les chapitres
4.1 et suivants

5

Création

avec FrontPage

 Voici un exemple tout bête de site personnel. Il va s'ouvrir dans une nouvelle fenêtre en avant plan.

Il se trouve dans le répertoire monsiteweb

et fait appel au fichier INDEX.HTM et pour bien commencer dans la création d'un site examinons tout d'abord le concept des hyper liens qui forment la base même de la structure en toile anarchique du World Wide Web. >>>> la suite... suivez la flèche.
Cliquez sur la flèche

6

Hébergement

 Dès que le site est terminé, vous devrez trouver un hébergeur qui mette à votre disposition un certain espace sur son serveur. Cet espace qui oscille typiquement entre 10 et 100 Mo
Cliquez sur la flèche

7

Référencement

 Cette rubrique fait l'objet d'un cours séparé disponible sous le thème la recherche sur Internet.
Car qui dit dénicher une information sur un moteur de recherche ou un annuaire, dit forcément que les sites ainsi trouvé ont dû une fois ou l'autre être introduits ou soumis à ces portails de recherche.

Ainsi le référencement d'un nouveau site doit s'effectuer auprès des mêmes moteurs et annuaires que ceux décrits dans ce cours
Quelques moteurs de recherche...


... et donc
de référencement
retour

8

Résultats

 Liens vers les pages des participants au cours du 5 février 2000
retour