Introduction au Web
Le Web
World Wide Web (WWW), littéralement la « toile (d’araignée)
mondiale »:
• système hypertexte public fonctionnant sur Internet qui permet de
consulter, avec un navigateur, des pages accessibles sur des sites.
• L’image de la toile d'araignée vient des hyperliens qui lient les
pages web entre elles.
• Le Web n’est qu’une des applications d’Internet, mais c’est lui qui
a rendu les médias grand public attentifs à Internet.
Principe du Web
• L'utilisation d'hyperliens pour naviguer entre les pages Web
• Une page web est un simple fichier texte écrit dans un langage de
description (HTML).
• Le web est basé sur le protocole HTTP permettant la
communication et les échanges entre le serveurs web et le client
(navigateur).
• Les documents sont repérés par une adresse unique, appelée URL,
permettant de localiser une ressource sur n'importe quel serveur du
réseau Internet.
Site Web
• Un site web est un ensemble de fichiers HTML stockés sur un
ordinateur connecté en permanence à Internet et hébergeant les
pages web (serveur web).
• Un site web est habituellement architecturé autour d'une page
centrale, appelée «page d'accueil» et proposant des liens vers un
ensemble d'autres pages hébergées sur le même serveur, et parfois
des liens dits «externes», c'est-à-dire de pages hébergées par un
autre serveur.
Éléments du Web
Langage standard:
HTML
[Link] Protocole: HTTP
Site Web
Localisation: URL
Serveur Client
5
LE CLIENT WEB (NAVIGATEUR)
• Le navigateur permet la consultation des pages Web.
• Lorsque l’utilisateur soumet une URL au navigateur :
• le navigateur analyse l’URL demandée
• Demande au DNS l’adresse IP du site distant
• Établit une connexion vers le numéro de port de l’URL (80 par défaut)
• Formule la requête (http) au serveur
• Une fois le document obtenu, il se charge de son rendu (affichage) sur la
machine du client.
LE SERVEUR WEB
• Il est en écoute permanente des requêtes formulées par les clients sur un
port réseau.
• Il reçoit et analyse les requêtes des clients Web (adresse correcte, client
autorisé,...)
• Il répond aux clients : envoi de documents, de code à exécuter sur le
client, d’un message d’erreur, d’une demande d’authentification,…
• Il peut exécuter un code localement qui va générer une réponse HTML
(pages dynamiques).
LA LOCALISATION (URL)
• Une URL (Uniform Resource Locator) est une chaîne de
caractères permettant d’indiquer un protocole de
communication et un emplacement pour toute ressource du
Web.
protocole://nom-serveur[:port]/chemin/document?args
Le protocole HTTP
• HyperText Transfer Protocol, protocole le plus utilisé sur Internet
depuis 1990.
• Le but du protocole HTTP est de permettre un transfert de fichiers
(essentiellement au format HTML) localisés grâce à une chaîne de
caractères appelée URL entre un navigateur (le client) et un serveur
Web.
Requête HTTP
Une requête HTTP est un ensemble de lignes envoyé au serveur par le
navigateur. Elle comprend :
• Une ligne de requête: le type de document, la méthode, et la version.
• Les champs d'en-tête : informations (facultatives) sur la requête et/ou le
client (Navigateur, système d'exploitation, ...).
• Le corps de la requête: permettant par exemple un envoi de données par
une commande POST lors de l'envoi de données au serveur par un
formulaire (optionnel).
Quelques commandes http
• GET: Requête de la ressource située à l'URL spécifiée
• HEAD: Requête de l'en-tête de la ressource située à l'URL spécifiée
• POST: Envoi de données au programme situé à l'URL spécifiée
• PUT: Envoi de données à l'URL spécifiée
• DELETE: Suppression de la ressource située à l'URL spécifiée
11
Le langage HTML
HTML (HyperText Markup Language) :
• Langage de description de documents qui se présente sous la
forme d’un langage de balisage, conçu pour l’écriture de pages
Web contenant des liens hypertextes, d’où son nom ;
• Permet de structurer et de mettre en page un document intégrant
du texte, des images, du son, et autres ressources multimédias.
Le web statique
• les sites Web statiques :
• L'information sur ces pages est toujours identique: Une page
statique, visitée N fois sur le même navigateur donnera toujours
le même résultat.
• L'interaction entre le site et l'utilisateur est très élémentaire :
l'utilisateur demande une page web et le serveur la lui fournit.
Fonctionnement d’un site statique
Le web dynamique
• à l'intérieur des pages HTML, le concepteur du site insère des
programmes , ce qui permet d'accroître les possibilités des sites
Web.
• permet une plus grande souplesse dans la gestion du site, sa
mise à jour et ses fonctionnalités.
• Une plus grande convivialité: interaction avec le client
Deux Types de programmation web
• Les programmes peuvent s’exécuter:
• Sur le poste du client, c’est la programmation web coté client
• Sur le serveur, c’est la programmation web coté serveur
Fonctionnement d’un site interactif coté client
Fonctionnement d’un site interactif coté serveur
Fonctionnement d’un site dynamique coté
serveur
pages web dynamiques coté client
Ajax (Asynchronous Javascript + XML)
• Ajax permet de modifier partiellement la page affichée par le
navigateur pour la mettre à jour sans avoir à recharger la page
entière.
• Le terme "Asynchronous", asynchrone en français, signifie que
l'exécution de JavaScript continue sans attendre la réponse du
serveur qui sera traitée quand elle arrivera. Tandis qu'en mode
synchrone, le navigateur serait gelé en attendant la réponse du
serveur.
Contenu du module
Création d’un site web
Statique dynamique
HTML CSS Javascript PHP7 Ajax
