World Wide Web

Histoire

Avant tout il faut signaler que le web et internet sont deux choses différentes :

Le succès du web est si considérable que l'on confond souvent les deux choses.

Tim Berners Lee (rapidement aidé par Robert Cailliau) a mis en place un protocole (= un ensemble de règle) de communication le http (ou le https pour la version sécurisée), et des langages permettant de créer des documents avec des hyperliens c'est à dire que l'on peut créer des documents se référant à des parties que l'on ne stocke pas et que l'on a pas crées. Par exemple la photo de Tim Berner Lee n'est pas stockée sur le serveur de mon site mais sur le serveur de Wikipédia.

Principe du fonctionnement.

Modèle client serveur.

Quand vous voulez aller sur une page web, vous utilisez internet pour faire une demande à un serveur distant, c'est à dire un ordinateur (souvent très spécifique) qui contient une application particulière faite pour ça. Le serveur va analyser votre demande et vous renvoyer un fichier html (et éventuellement des images...). Vous ne pouvez pas aller directement sur le disque dur du serveur et prendre un fichier par exemple.

Nous verrons que sur internet les adresses ne sont pas des chaînes de caractères, mais des nombres (adresses IPv4 ou IPv6), si vous allez sur lycee.stanislas.free.fr alors vous allez d’abord sur un serveur spécialisé qui va associé à lycee.stanislas.free.fr la vraie adresse. Ce serveur "annuaire" s'appelle DNS.

Si vous voulez héberger vous même votre site web vous pouvez vous faire référencer (ca coûte un peu d'argent).

First Web Server.jpg
Le premier serveur web
Par Coolcaesar de en.wikipedia.org, CC BY-SA 3.0, Lien

Floridaserversfront1.jpg
Les serveurs wikipédia Domaine public, Lien

Le fichier reçu est bien sur en binaire mais qui code du texte et qui peut donc être lu via un simple éditeur.

Le navigateur.

Voici le code HTML de la page que vous êtes en train de lire :


	

Comme vous avez constaté, le fichier HTML est assez loin du résultat de la page, on reconnaît des phrases, mais il n'y a pas d'images et il y a plein de choses étranges du genre <p>.

Pour déchiffrer (l'interpréter en réalité) le fichier, il faut un logiciel spécial : le navigateur.

Le résultat au niveau de la vitesse, de la mémoire et même du visuel, peut dépendre du navigateur.

Création d'une page web

Pour créer une page web, vous pouvez utiliser des logiciels d'aides à la création, ils proposent des modèles de pages web "clef en main" (souvent très beau au passage) et on n'a pas besoin d'être un expert pour faire une page web, l'inconvénient est que la personnalisation est limitée.

Un autre moyen est de tout faire soi même, il suffit juste d'un éditeur de texte. J'utilise notapad++ mais vous pouvez utiliser d'autres éditeurs.

Quand on crée une page web on sépare les taches et pour chacune d'elles, on a un langage adapté.

  1. Le contenu : le texte, les titres, les images, les liens... se font en HTML.
  2. 
    	

    Voir le résultat.

  3. Le style : taille des caractères la couleur, les espaces,.... se font en CSS
  4. 
    	

    Voir le résultat.

  5. L'interaction locale : mes exemples animés se font en JavaScript (mais on a le choix).
  6. 
    	

    Voir le résultat.

  7. L'interaction avec le serveur, connexion, achat, forum,... se fait en PHP. Sur mon site les fichiers HTML sont déjà fait, mais sur Google par exemple le serveur va créer une page HTML en utilisant sa base de données puis l'envoyer (Sinon il y aurait des milliards de pages à stocker). Quand vous êtes sur un forum, ou quand vous êtes connecté sur une page et que votre nom apparaît dans un coin alors la page a été générée coté serveur à l'aide de PHP.

Si vous avez un site et que vous voulez avoir des membres ou créer un forum alors il faut en plus gérer des bases de données : conclusion il y a du boulot pour maîtriser les pages web.

Vidéo

Une vidéo d'introduction, attention Tim Berners Lee est l'inventeur du web et pas d'internet (la vidéo fait la confusion courante).

Q.C.M.

Q.C.M.

www =





Q.C.M.

Le web :





Q.C.M.

Quel est le type de fichier d'une page web ?





Q.C.M.

Un navigateur est ?





Q.C.M.

Le css :





Q.C.M.

Un serveur Web:





Q.C.M.

Un serveur DNS: