Numérique et Sciences Informatiques1ère

Fonctionnement du web
Exercices corrigés

Maîtrisez le fonctionnement du web : HTTP, DNS, navigateurs, serveurs web, URL, protocoles grâce à ces 5 exercices détaillés.

Concepts & Exercices
Navigateur ↔ Serveur Web
Communication HTTP

Processus de chargement d'une page web

Saisie URL
Entrée de l'URL dans le navigateur
Résolution DNS
Conversion nom en adresse IP
Requête HTTP
Demande de la page au serveur
Réponse HTTP
Serveur envoie le contenu
Affichage
Navigateur rend la page

Protocoles web

HTTP
HyperText Transfer Protocol
HTTPS
HTTP sécurisé (SSL/TLS)
DNS
Domain Name System
FTP
File Transfer Protocol
Exercice 1
Expliquer le processus de chargement d'une page web
Exercice 2
Analyser une URL complète et ses composants
Exercice 3
Comparer HTTP et HTTPS : différences et sécurité
Exercice 4
Expliquer le fonctionnement du DNS
Exercice 5
Analyser une requête HTTP et sa réponse
Corrigé : Exercices 1 à 3
1 Chargement page web
Définition :

Chargement d'une page web : Processus par lequel un navigateur récupère et affiche le contenu d'une page web à partir d'un serveur distant.

Étapes du processus :
  1. Saisie de l'URL dans la barre d'adresse
  2. Résolution du nom de domaine via DNS
  3. Établissement d'une connexion TCP avec le serveur
  4. Envoi d'une requête HTTP GET
  5. Réception de la réponse HTTP du serveur
  6. Analyse et rendu du contenu HTML/CSS/JS

Flux de communication

Navigateur
→ Requête HTTP
Serveur Web
→ Réponse HTTP
Étape 1 : Saisie de l'URL

L'utilisateur entre une adresse comme https://www.exemple.com

Étape 2 : Résolution DNS

Le navigateur contacte un serveur DNS pour obtenir l'IP du serveur

Étape 3 : Connexion TCP

Établissement d'une connexion TCP avec le serveur web

Étape 4 : Requête HTTP

Envoi d'une requête GET demandant la page index.html

Étape 5 : Réponse du serveur

Le serveur renvoie le fichier HTML avec son statut HTTP

Étape 6 : Affichage

Le navigateur analyse le HTML et affiche la page

Réponse finale :

Le chargement implique DNS, TCP, HTTP et rendu HTML

Règles appliquées :

Protocoles hiérarchiques : Chaque couche dépend des précédentes

Cache DNS : Les résultats sont temporairement stockés localement

Port standard : HTTP utilise le port 80, HTTPS le port 443

2 Analyse URL
Définition :

URL (Uniform Resource Locator) : Chaîne de caractères qui identifie une ressource sur le web et précise comment y accéder.

https://www.exemple.com:443/dossier/page.html?param=valeur#ancre
Protocole : https:// (communication sécurisée)
Hôte : www.exemple.com (nom de domaine)
Port : :443 (port pour HTTPS, optionnel)
Chemin : /dossier/page.html (emplacement du fichier)
Paramètres : ?param=valeur (données supplémentaires)
Ancre : #ancre (position dans la page)
Étape 1 : Identification du protocole

https indique une connexion sécurisée via SSL/TLS

Étape 2 : Extraction du nom de domaine

www.exemple.com est converti en adresse IP via DNS

Étape 3 : Spécification du port

443 est le port par défaut pour HTTPS

Étape 4 : Chemin vers la ressource

/dossier/page.html indique le fichier sur le serveur

Étape 5 : Paramètres de requête

?param=valeur permet de transmettre des données au serveur

URL = Protocole + Hôte + Port + Chemin + Paramètres
Réponse finale :

Chaque partie de l'URL a un rôle spécifique dans l'accès à la ressource

Règles appliquées :

Structure standardisée : Format défini par RFC 3986

Encodage spécial : Caractères spéciaux doivent être encodés

Hiérarchie des chemins : Structure arborescente comme un système de fichiers

3 HTTP vs HTTPS
Définition :

HTTP : Protocole de transfert hypertexte non sécurisé. HTTPS : Version sécurisée avec chiffrement SSL/TLS.

Comparaison HTTP/HTTPS

HTTP
Non chiffré, port 80
HTTPS
Chiffré, port 443
Étape 1 : Établissement de la connexion

HTTP : connexion directe, HTTPS : négociation TLS d'abord

Étape 2 : Échange de données

HTTP : données en clair, HTTPS : données chiffrées

Étape 3 : Vérification de l'identité

HTTPS : certificat SSL pour authentifier le serveur

Étape 4 : Sécurité des communications

HTTPS protège contre l'interception et la modification

Étape 5 : Indicateur de sécurité

HTTPS : icône cadenas dans le navigateur

HTTPS = HTTP + Chiffrement + Authentification
Réponse finale :

HTTPS protège les données échangées entre client et serveur

Règles appliquées :

Chiffrement asymétrique : Utilisation de clés publiques/privées

Port différent : HTTP utilise 80, HTTPS utilise 443

Certificats SSL : Fournis par des autorités de certification

Corrigé : Exercices 4 à 5
4 Fonctionnement DNS
Définition :

DNS (Domain Name System) : Système qui traduit les noms de domaine lisibles en adresses IP numériques.

Étape 1 : Requête locale

Le navigateur consulte son cache local pour le nom de domaine

Étape 2 : Interrogation du serveur DNS

Si le nom n'est pas en cache, le client contacte le serveur DNS configuré

Étape 3 : Recherche hiérarchique

Le serveur DNS effectue une recherche dans la hiérarchie des serveurs

Étape 4 : Récupération de l'IP

Le serveur DNS racine redirige vers les serveurs TLD, puis vers les serveurs autoritaires

Étape 5 : Retour de la réponse

Le serveur DNS retourne l'adresse IP au client

Étape 6 : Mise en cache

Le résultat est stocké localement pour une durée limitée (TTL)

DNS = Nom de domaine → Adresse IP
Réponse finale :

Le DNS agit comme un annuaire internet pour les noms de domaine

Règles appliquées :

Hiérarchie distribuée : Serveurs racines, TLD, autoritaires

Cache distribué : Résultats stockés à différents niveaux

Temps de vie (TTL) : Durée de validité des enregistrements

5 Analyse requête HTTP
Définition :

Requête HTTP : Message envoyé par un client (navigateur) à un serveur pour demander une ressource.

Étape 1 : Ligne de méthode

GET /index.html HTTP/1.1 indique la méthode, le chemin et la version

Étape 2 : En-têtes de requête

Host, User-Agent, Accept, etc. fournissent des informations complémentaires

Étape 3 : Corps de la requête

Présent uniquement pour POST, PUT, etc. avec les données envoyées

Étape 4 : Traitement par le serveur

Le serveur analyse la requête et prépare la réponse

Étape 5 : Construction de la réponse

Statut HTTP, en-têtes et corps de la réponse sont créés

Étape 6 : Envoi de la réponse

La réponse est envoyée au client via TCP

Requête HTTP = Méthode + Chemin + Version + En-têtes + Corps
Réponse finale :

La structure HTTP standardise la communication client-serveur

Règles appliquées :

Méthodes standards : GET, POST, PUT, DELETE, etc.

Codes de statut : 200 (OK), 404 (Introuvable), 500 (Erreur serveur)

Structure standard : Ligne de statut, en-têtes, corps séparés par CRLF

Cours bien détaillé
🌐 Web = Client + Serveur + Protocoles
Architecture web
💻
Client web : Navigateur qui effectue les requêtes et affiche les réponses.
🖥️
Serveur web : Programme qui reçoit les requêtes et fournit les ressources demandées.
🔗
Protocoles : Ensemble de règles qui régissent la communication entre les systèmes.
📊
Données structurées : HTML, CSS, JavaScript pour créer des pages web interactives.
💡
Conseil : Toujours vérifier le certificat SSL avant d'entrer des données sensibles
🔍
Attention : Les URLs peuvent contenir des paramètres qui transmettent des données
Astuce : Le cache du navigateur peut améliorer les performances
📋
Méthode : Utiliser les outils de développement pour analyser les requêtes HTTP
Vérification : Les codes de statut HTTP indiquent le succès ou l'échec des requêtes
Composants du web :
  • HTML : Structure et contenu des pages web
  • CSS : Présentation et mise en forme
  • JavaScript : Interaction et dynamisme
  • HTTP/HTTPS : Protocoles de communication
  • DNS : Traduction des noms de domaine
Règles importantes :
  • Le web repose sur une architecture client-serveur
  • Les protocoles HTTP assurent la communication entre les systèmes
  • Le DNS est essentiel pour la navigation par noms de domaine
  • HTTPS protège la confidentialité des communications
  • Les navigateurs interprètent et affichent les documents web
Fonctionnement du web Web et communication distribuée