2nde SNT
Fiche de connaissance – Le web
Thème 1 – Le Web
Introdution - Site web ou site internet
Quelle est la différence entre le web et internet ?
• Internet : C’est le réseau informatique mondial, c'est l'infrastructure globale (serveur,
ordinateur, routeur) basée sur le protocole IP, et sur laquelle s'appuient de nombreux
autres services. Dont le web.
• Le World Wide Web, c'est le système qui nous permet de naviguer de pages en pages en
cliquant sur des liens grâce à un navigateur. Quand on veut être technique, on parle de
système hypertexte.
–> Conclusion :
Internet est LE réseau. Le web est un service.
Un peu d’histoire :
En 1989, , qui s’occupe de la gestion des documents scientifiques au CERN (Conseil
européen pour la recherche nucléaire), propose avec le projet mesh (filet) de faire traverser le
réseau internet à l’ en 1965.
C’est la naissance du : des liens hypertextes relient des documents stockés
sur des machines différentes et l’utilisateur d’une machine cliente peut aller de lien en lien à
travers ce réseau logique d’informations qui se superpose au réseau physique d’internet. Pour
cela, des sont créés, ce sont des logiciels qui permettent de consulter les pages
web en interprétant les codes comme le html pour offrir une visualisation optimum à l’utilisateur.
Le premier navigateur web s’appelle WorldWideWeb, ensuite de nombreux seront créés comme
Internet Explorer, Mozilla, Chrome...
Avec l’ouverture au public des standards du Web en 1993 et leur standardisation organisée par le
W3C, qui assure la portabilité des pages Web sur toutes les machines, le Web s’impose à partir du
milieu des années 90 comme le service le plus populaire disponible sur Internet.
SNT – Thème 2 p1
Les fondements du web :
1. Architecture client / serveur
Comme la plupart des services d’Internet, le Web repose sur une architecture client /
serveur : pour obtenir une page Web, le client la demande au serveur qui la détient.
Le client et le serveur sont des logiciels et peuvent être installés sur n’importe quelle machine.
Le logiciel client s’appelle un navigateur, comme par exemple Firefox ou Chrome.
2. URL : l’adressage logique
Les documents disponibles sont localisés sur le Web par une adresse logique URL (Uniform
Ressource Locator).
La syntaxe des URL est standardisée, par exemple, décomposons :
[Link]
• est le protocole ;
• est le nom de domaine sur Internet du serveur
Il peut être précédé du préfixe www, nom usuel du dossier public sur un serveur Web ;
• est le chemin vers la ressource sur le serveur :
le fichier l-etablissement/le-numerique-au-lycee/ qui se trouve dans le dossier [Link]-ent-
occitanie lui-même dans le dossier public www.
SNT – Thème 2 p2
3. HTTP : le protocole
Lors d’un échange Web, le client et le serveur dialoguent selon des règles fixées par un
protocole standardisé :
HTTP ( HyperText Transfer Protocol )
Si la page demandée n’est pas disponible, le
serveur retourne le célèbre code d’erreur 404.
4. HTML : le langage
Les premières pages Web sont des pages statiques, c’est-à-dire que la page retournée par le
serveur ne dépend pas du client.
Le premier langage du Web est HTML (Hyper Text Markup Language) qui est un langage de
description de documents à l’aide de balises.
HTML permet de définir la structure d’un document en le découpant en blocs logiques délimités
par une <balise> ouvrante et une </balise> fermante.
En particulier il permet de créer des liens hypertextes entre deux blocs d’un même document ou
de documents différents.
SNT – Thème 2 p3
Les langages du web :
1. Pages Web statiques
Les pages statiques sont écrites en HTML et en CSS qui est un langage de feuille de style utilisé
pour décrire la présentation d’un document écrit en HTML.
HTML décrit la structure du document et CSS définit son apparence.
Le fond et la forme sont ainsi séparés.
D’ailleurs, le code CSS, même s’il peut être intégré au code HTML, est plutôt dans une feuille de
style séparé liée au document HTML par une balise :
<link rel="stylesheet"href="feuille_style.css">.
Principe d’échange des informations entre un
serveur HTTP qui " sert " une page html suite à la
demande du client.
Phase 1 : Le client accède à une ressource disponible sur le serveur en entrant l'adresse (URL)
dans son navigateur par exemple ([Link]
Phase 2 : Le serveur HTTP va alors rechercher le fichier dans son arborescence et se contenter
de l'envoyer en réponse au client.
Phase 3 : Charge au client d'interpréter avec l'aide de son navigateur le contenu HTML afin de
visualiser la page demandée.
2. Pages Web dynamiques
A partir de la fin des années 1990, avec le développement du commerce en ligne, apparaissent
des langages permettant de dynamiser les pages Web.
• PHP est un langage qui s’exécute côté serveur pour générer des pages Web à la volée.
Il s’utilise avec une base de données pour générer des pages Web personnalisées et permet
l’utilisation de formulaires interactifs.
• JavaScript est un langage qui s’exécute côté client
pour créer des animations et modifier la page en fonction d’événements utilisateurs (souris,
clavier . . . ).
SNT – Thème 2 p4