SNT - Seconde - le web avec HTML
Les Chapitres de ce cours
Cliquez sur le lien du chapitre de cours à consulter:
Universal Resource Locator: URL
L'URL décrit comment accéder à une ressource sur le web, elle comprend plusieurs informations:
Le protocole d'échange entre le serveur web et le client web (chrome, firefox, edge,..). Un protocole représente les règles à respecter pour le bon déroulement de la communication. C'est un peu comme les règles d'échange entre deux êtres humains A et B:A commence l'échange avec bonjour: bonjour, comment ça va ?
B répond: très bien et toi?
A répond: ça va
Bla bla bla
à la fin A termine l'échange: au revoir
B répond: au revoir
Les protocoles d'échange web les plus courants sont:
- http: la demande est transmise sans chiffrement, quiconque intercepte l'échange peut lire les données communiquées.
- https: la demande est chiffrée ("cryptée"), il est alors impossible d'interprêter les données échangées.
Https: est utilisé pour transmettre les identifiants de connexion à un site ou les données bancaires lors d'un achat.
Aujourd'hui https est aussi de plus en plus utilisé pour des échanges sans risques particuliers.
Analyse d'une URL simple:
https://www.lemonde.fr/recherche/?search_keywords=climat
- Après le protocole https: vient // qui annonce que ce qui suit est le nom d'un serveur.
Le nom du serveur est www.lemonde.fr , le .fr veut dire que ce serveur est référencé dans l'annuaire fr, l'annuaire fr est un serveur qui contient les adresses IP des serveurs qui sont rattachées au domaine fr ( famille des serveurs enregistrés comme fr). Le protocole Internet qui va devoir transporter les données du protocole https du client vers le serveur a besoin de connaitre l'adresse IP du serveur www.lemonde.fr pour le retrouver sur internet; pour ça il contacte le serveur annuaire fr qui lui envoie l'adesse IP. Ce point sera développé lorque l'on étudiera Internet. - Le www de www.lemonde.fr est une convention qui est utilisée pour dire que le serveur www.lemonde.fr est un serveur web ( www: world wide web), www n'est pas une information obligatoire, le nom du serveur peut aussi être écrit lemonde.fr.
- La suite de l'URL: /recherche/ est un chemin dont la signification dépend de ce qui suit.
Par exemple, https://www.lemonde.fr/recherche/index.html voudrait dire que la page voulue est index.html qui se trouve dans le dossier recherche du serveur web. Ici on a https://www.lemonde.fr/recherche/?search_keywords=climat ce qui demande au serveur de générer automatiquement une page recherche avec des articles sur le climat. - le ? veut dire que l'on passe des paramètres à l'URL que devra lire le serveur. Le paramètre qui suit est search_keywords ( mots clés), la valeur donnée au paramètre est ici climat ( ce qui demande au serveur du monde de proposer les articles qui abordent le climat), voici un extrait de la réponse:
https://fr.wikipedia.org/wiki/Climat?user=eleve&mode=exercice&lang=en ( attention c'est ici une URL imaginaire).
Sécuriser la navigation
Sécuriser la navigation veut dire d'empêcher les sites de prendre plus de données que nécessaires en empêchant le pistage des sites web, en bloquant les cookies tiers et n'autorisant pas les sites web à utiliser le micro, la caméra du PC et la géolocalisation quand ce n'est pas nécessaire.
Comment sécuriser le navigateur?
Firefox: Menu → Vie privée et sécurité puis:
o Activer Protection renforcée contre le pistage.
o Bloquer les cookies tiers.
o Activer HTTPS uniquement.
o Vérifier les permissions : caméra, micro, localisation.
Chrome: Paramètres → Confidentialité et sécurité:
o Activer Navigation sécurisée.
o Bloquer les cookies tiers.
o Activer “Toujours utiliser HTTPS”
o Désactiver les pop-ups.
Edge: Paramètres → Confidentialité, recherche et services:
o Activer SmartScreen
o Bloquer les cookies tiers.
o Activer “Toujours utiliser HTTPS”
o Vérifier les permissions
requête HTTP
Il ne s'agit pas en seconde d'analyser en détail un échange client serveur. Pour observer un échange:
Manipulation :
1. Appuie sur F12.
2. Va dans l’onglet Réseau
3. Recharge la page.
4. Observe les fichiers qui apparaissent.
À retenir : Une page web = plusieurs fichiers :
• HTML → texte
• CSS → mise en page
• Images
• Scripts → interactions, pub, suivi
• Fichiers externes → publicité, statistiques
Les cookies
Un cookie est un petit fichier texte que ton navigateur (Chrome, Firefox, Edge…) enregistre lorsqu’un site web le demande. Il sert à mémoriser des informations pour que le site puisse te reconnaître ou se souvenir de tes préférences.
Les cookies ont plusieurs usages:- garder ta connexion ouverte (ex : ENT, messagerie).
- garder ton panier sur un site d’achat.
- mémoriser la langue choisie du site.
- mémoriser l’affichage (mode sombre, taille du texte).
- compter les pages vues.
- analyser le temps passé.
- suivre ton comportement pour cibler des pubs (cookies tiers: créés par des sites extérieurs comme les régies publicitaires).
On peut voir les cookies enregistrés dans le navigateur:
Avec Chrome: Menu → Paramètres puis Confidentialité → Cookies puis “Voir tous les cookies et données de site”.
Avec Firefox: Paramètres → Vie privée puis Cookies et données de site puis “Gérer les données”.
Avec Edge: Paramètres → Cookies et autorisations puis “Voir tous les cookies”
