Leçon 3

TECHNIQUE SOMMAIRE D’UN SITE

1. UN SITE INTERNET : UN REPERTOIRE DE FICHIERS
Un site est d’abord constitué d’un ensemble de pages HTML qui ne sont en fait
que des fichiers.
Ces répertoires deviennent un site internet lorsqu’ils sont offerts en consultation
à d’autres utilisateurs à travers le protocole http (HyperText Transfert Protocol).
Les fichiers sont organisés sur un disque dur sous la forme d’une arborescence de
fichiers.














L’exemple ci-dessus montre l’arborescence de fichiers sur un disque local c:\

1.1. PREMIERE CONDITION : OFFRIR SON DISQUE DUR EN
CONSULTATION
Tout d’abord l’utilisateur doit permettre à d’autres personnes d’accéder aux
fichiers qu’il a créé. Pour se faire, il devra relier son micro-ordinateur soit au
réseau local de son administration via une carte réseau, soit directement au
réseau internet de son domicile via un modem.
L’intérêt d’internet est de faciliter la dénomination, l’accès et l’organisation des
pages d’un disque dur.
1.1.1. INTERET DE L’INTERNET
Sans internet, que devrait-on faire pour offrir la visualisation de ses informations ?
On devrait déclarer les aspects suivants : la page d’accueil de mon site web est
accessible à partir de mon micro-ordinateur situé à l’adresse ip N°xxx.xxx.xxx.xxx,
et elle est située sur mon disque dur à C:/mes
documents/monsite/mapage/accueil.html. Un tel type d’adresse n’aurait pas
permis la simplicité d’internet et donc son succès.
L’intérêt d’internet est que pour consulter la page accueil.html on saisira
www.sitededupond.fr/accueil.html

1.1.2. CREER UN SITE WEB CONSISTE A DECLARER LES ELEMENTS
SUIVANTS :
Lorsque l’on saisira l’adresse www.sitededupond.fr/accueil.html, on pourra
consulter la page accueil.html qui se trouve sur le micro-ordinateur N°
xxx.xxx.xxx.xxx (adresse ip) et sur le disque dur C:/ à l’emplacement C:/mes
documents/monsite/mapage/.
Il existe des logiciels qui permettent facilement de mettre en oeuvre cette
association entre un fichier situé sur un disque dur (dans l’exemple une page
html) : ce sont les serveurs internet.
Les plus courants sont IIS de Microsoft, Apache, Netscape Enterprise Server
(Netscape), …
L’adresse ainsi nommée www.sitededupond.fr/accueil.html devient une URL

1.2. DEUXIEME CONDITION : RENDRE INTERPRETABLES LES FICHIERS
A TRAVERS LE PROTOCOLE HTTP
Le protocole http permet à un navigateur web d’obtenir à partir du serveur des
pages html et ce de façon transparente pour l’utilisateur.
Principe de l’échange http :

1.3. SCHEMA DE PRINCIPE D’UN SITE INTERNET
Lorsque que les deux conditions précédentes sont respectées, on obtient un site
web.
Schéma de principe :



1.4. NAVIGATION DANS LE SITE / ORGANISATION DES REPERTOIRES.
L’organisation des répertoires est différente de la navigation entre les pages.
Il est important de bien comprendre la différence entre ces deux notions. Il
convient de se rappeler ce qui a été présenté dans le paragraphe 4.3 (Navigation
dans l’intranet). La consultation d’un site internet permet de naviguer dans
l’information sans se soucier de l’emplacement physique de l’information sur le
serveur.
A titre d’exemple, la navigation proposée dans le cadre de l’exemple de l’intranet
d’une Direction peut être constituée de deux façons :
Exemple 1 : fichiers stockés « à plat » : tous les fichiers sont dans le même
répertoire.


Exemple 2 : fichiers stockés dans une structure arborescente (navigation
direction) : les fichiers sont dans des répertoires arborescents.


Exemple 3 : fichiers stockés dans une structure arborescente (navigation
« métier »).


Ces deux implantations différentes sur le disque de l’ordinateur ont la même
navigation dans l’intranet.
Mais, afin d’améliorer la représentation du contenu du site et de faciliter la
maintenance du site, il est préférable d’avoir une structure arborescente du disque
la plus proche possible de la navigation.

1.5. AUTRE EXEMPLE LE SERVEUR INTERNET DU MINEFI :
On peut voir que l’arborescence a peu de profondeur.


1.6. EXEMPLE DE PARAMETRAGE D’UN SERVEUR WEB :
Le serveur web permet de faire le lien entre les pages html contenues sur le
disque et les url d’appels des pages sur l’intranet.
Exemple :
♦ le serveur s’appelle alize5.alize:1111 ;
♦ La page à visualiser s’appelle liste.htm ;
♦ La page a pour chemin i:/devel/accord/document/liste.htm ;
♦ L’url d’appel de la page est alize5.alize :1111.
Déclarer l’arborescence du site web va consister à déclarer que la page liste.html
qui est physiquement située sur i:/devel/accord/document/ sera accessible par
l’intranet en appelant Alize5.alize :1111/repertoire/liste.html.
On réalise ainsi une translation d’adresse ou un map de la page (anglicisme).
Chemin                                   |                    Nom de la page
i:/devel/accord/                       |                      liste.htm
alize5.alize :1111/repertoire/    |                      liste.htm

Déclaration dans un site web netscape :



1.7. PROPLEMATIQUE DE LA MISE A JOUR D’UN SITE
Le protocole http est un protocole qui permet essentiellement de consulter des
pages html. La mise à jour d’une page html est difficile possible à partir du
protocole http. A titre d’exemple, il suffit de se rappeler que la fonction
« fichier/enregistrer » d’un navigateur permet d’enregistrer la page html consultée
sur le disque local et non sur le disque distant du serveur qui propose la page
html. La conséquence immédiate de cette limitation technique est que la mise à
jour d’un site est particulièrement difficile à organiser.
Le schéma suivant montre cette complexité :



2. LE RESEAU INTERNET : LE RESEAU WEB

2.1. PRESENTATION
Le réseau internet est un réseau d’ordinateurs accessible avec le protocole
TCP/IP. Les pages d’informations sont délivrées par des serveurs http.
La plupart des ordinateurs sont accessibles sur une partie du réseau internet
caractérisée par les trois lettres www.
Un consortium s’est organisé pour définir l’utilisation et l’animation de l’internet : le
World Wide Web Consortium . Le W3C rassemble des industriels, des organismes
publics, des écoles et des utilisateurs. Il est composé de plus de 500 membres
répartis sur 34 pays.
Il se donne comme objectif d’inventer et de structurer le web. Les technologies
adaptées aujourd’hui par le monde industriel, au plan international ont été définies
et anticipées selon les besoins des utilisateurs de toutes les cultures et de tous les
domaines, en totale indépendance par rapport au marché.

2.2. SERVEUR DE NOM DE DOMAINE
Le réseau internet est constitué de très nombreux ordinateurs. Ces ordinateurs
sont repérés par des numéros : les adresses ip. Afin de faciliter la consultation des
sites, des noms plus explicites ont remplacé les adresses numériques. Pour qu’un
tel plan de nomage fonctionne, il convient de respecter quelques règles :
♦ que les noms des sites soient uniques ;
♦ qu’il existe dans le réseau des « traducteurs » qui soient capables de donner
l’équivalence adresse numérique/nom simplifié du site ;
Afin d’assurer l’unicité des sites, un plan de nomage a été mis en place. On
parle en anglais de Domain Name System (DNS) soit Système de nom de
domaine. Ce système consiste en une hiérarchie de noms permettant de
garantir l’unicité d’un nom dans une structure arborescente. Le niveau le plus
élevé correspond à un domaine. Le niveau immédiatement inférieur est un
sous-niveau, etc …Sur internet, la structure est à deux niveaux :
• le niveau le plus élevé : le W3C a défini la liste des domaines selon les
critères suivants : le pays d’origine du site fr, de, it, … ou selon sa vocation
com, org, net, edu, …
• le niveau secondaire : il correspond au nom du site dans son domaine de
rattachement. Le W3C a délégué à un membre la gestion d’un domaine.
Ainsi, le domaine fr est géré par l’INRIA (Institut Nationale de Recherche
Informatique et Appliquée). L’INRIA veille à ce que chaque site du domaine fr
soit unique.

L’association nom du site (nom de sous-domaine) + nom de domaine permet de
définir le nom complet du site.
Par exemple : www.sncf.fr ou www.laposte.fr
! Remarque :
il est possible de créer des sous-domaines intermédiaires pour donner une identité
commune à plusieurs sites.
Exemple : en France, il a été créé un sous domaine gouv qui identifie les sites des
administrations (www.finances.gouv.fr).
Dans le cas d’un intranet, il existe également un service technique qui aura la
responsabilité de la gestion du domaine de l’entreprise (pour éviter également les
homonymes des noms de site). Pour l’administration Centrale le nom de domaine
des sites intranets est : « .alize » .

2.3. URL
Comme il a été montré précédemment, un site web est l’association d’une page
html avec une adresse qui permet de consulter cette page à l’aide du protocole
http. Cette adresse est appelée une URL (Uniform Ressource Locator). Afin de
comprendre la construction d’une URL, un exemple concret est proposé :
« http://www.minefi.gouv.fr/minefi/ministere/directions_services/autres.htm »
♦ les « / » et les « . » sont des séparateurs ;
♦ « http » indique que le protocole de consultation est http ;
♦ « www » caractérise les sites qui sont dans le domaine géré par le W3C ;
♦ « fr » caractérise le domaine France ;
♦ « gouv » caractérise le sous-domaine gouv ;
♦ « finances » caractérise le sous-sous-domaine finances ;
♦ «minefi/ministere/directions_services» caractérise les répertoires sur le serveur
de fichiers ;
♦ « autre» caractérise le nom du fichier (équivalent au nom de la page) ;
♦ « html » caractérise le type du fichier.
Une URL est associée à une seule page.
Cas particulier des URL de l’intranet Alize :
Proxy html : outil qui centralise les appels d’URL et qui connaît l’ensemble des
serveurs.

3. LES SITES DYNAMIQUES
Les sites au contenu dynamique s’opposent aux sites au contenu statique (cf
paragraphe II.1.3). Le contenu d’un site dynamique est calculé dynamiquement à
chaque requête de l’intranaute en fonction du contexte d’interrogation et
d’information contenu dans une base de données.
Exemple type : l’annuaire des agents de l’administration centrale. Il serait très
difficile de créer un annuaire de 10 000 agents constitués de 10 000 pages html.
Les coordonnées des agents sont contenues dans une base de données. La page
de résultat d’une recherche est constituée en fonction des critères de recherche
saisis par l’intranaute.
Exemple d’une grille renseignée :




La balise html type qui permet d’interroger les bases de données au travers du
web est le formulaire (
).
Les paramètres d’interrogation sont visibles dans l’URL, ils sont ajoutés en fin
d’URL et précédés d’un point d’interrogation.