Créer un site Web

Structure d'un site

• Le visiteur est pressé: il faut lui permettre un survol général, il ne lira pas tout.
• Chaque page est un tout: un document complet, de nature hypertexte, permettant de se déplacer rapidement vers les autres pages du site.
• Pas de lien logique/physique
• Le visiteur est un habitué: il faut respecter les normes en vigueur, le visiteur ne doit pas se perdre!

• page d’accueil (assez courte)
• page de présentation générale (description des services proposés)
• page de contacts
• page plan du site
• page de nouveautés (seule consultée des habitués)
• page de liens
• page de téléchargement
• page de recherche (pour de petits sites, on peut se baser sur les services de www.google.fr)

Les pages dynamiques

Les pages dynamiques sont crées à la volée par le serveur web (HTTP) en fonction de paramêtres. Le logiciel client (navigateur) reçoit une page HTML standard.

Un language de programmation est utilisé sur le serveur pour définir les pages dynamiques: les plus courants sont:

• PHP
• ASP
• Java (servlets)

CGI est une interface permettant de:

• Exécuter des programmes pour le compte d'un serveur HTTP.
• Générer dynamiquement des pages HTML

Programmes nécessaires:

• serveur HTTP supportant les CGI (presque tous!)
• Développement de l'exécutable CGI en perl, sh, C, python, PHP, ASP, java...

1. Envoi des données du formulaire avec appel d’un script CGI
2. Lancement du script CGI avec passage d’arguments au script
3. Interrogation de la base de données (par exemple)
4. Conversion des données au format HTML et envoi de la page au client

L’appel d’un script respecte la syntaxe suivante:

protocole://hôte:port/chemin?requete

Par exemple: http://localhost/cgi-bin/annuaire.exe?nom=DUPOND+Toto&Ville=Villeneuve+d%27Asq

? précède la liste des arguments, = sépare le nom de l'argument de sa valeur, & sépare 2 arguments et + remplace un espace. Les caractères spéciaux sont remplacés par leur code ASCII en hexadécimal précédés du signe "%" (URL-encodés):

% -> %25, + -> %2B, = -> %3D, & -> %26, ' -> %27, \r\n -> %0D%0A

Le caractère "espace" est remplacé par le signe + (ou par %20)

Voir table des codes ISO-8859-1 hexadecimal

Variables d’environnement

De multiples variables sont utilisées pour le passage d’arguments du serveur vers le script.

REMOTE_ADDR: adresse IP du client
REQUEST_METHOD: méthode (GET ou POST)
QUERY_STRING: requête (seulement GET)
CONTENT_LENGTH: longueur des données (seulement POST)
CONTENT_TYPE: type de données envoyées par le client (seulement POST)

• application/octet-stream si le type est inconnu
• text/html pour une page html

Le script CGI doit précéder l'envoi de la page HTML dynamique par l'entête HTTP: Il faut retourner d'abord le type mime (Content-type: text/html) puis deux retours (suivant plateforme!), ensuite le document à proprement parler.

Les moteurs de recherche

On distingue les annuaires : classement par thèmes réalisé à la main, seul les "bons" sites sont retenus, des moteurs de recherche où l'indexation se fait par des robots en fonction des mots contenus dans la page.

Annuaires	Commentaire
www.yahoo.fr
www.voila.fr	bien fait

Moteurs	Commentaire
www.google.fr	La référence
www.voila.fr	Le + complet pour pages francophones

Ouverture d'un site web perso

Un endroit intéressant pour créer un site perso: http://www.free.fr

• Pas de pub (pour l'instant ?)
• Possibilité d'utiliser PHP pour génération de pages dynamiques
• Possibilité d'utiliser MySQL (base de données)
• Possibilité d'installation automatique de SPIP, PhpBB2 (forum),...

Plus d'infos sur free.fr

1. Se connecter sur www.free.fr par exemple
2. Créer un compte et activer site gratuit
3. Saisir les informations personnelles, cocher la case pour refuser transmissions coordonnées
4. Enregistrer la page récapitulative sur le disque dur et l'imprimer.
5. Activer votre site au moyen de la clé d'activation reçue par email domaine (www.monsite.com par exemple).

La publication de pages via ftp