Analyser les URLs suivantes et compléter le tableau.
| URL | Protocole | Hôte | Chemin | Paramètres | Fragment |
|---|---|---|---|---|---|
| URL 1 |
- 1 Dans l’URL 2, à quoi correspond
?q=bac+2025&academie=paris? Que signifie le signe&? - 2 L’URL 2 utilise
http://et nonhttps://. Quel risque cela représente-t-il ? - 3 Dans l’URL 1, à quoi sert le fragment
#gps?
✅ Correction
URL 1 : Protocole=https | Hôte=snt.mathamine.fr | Chemin=/cours_th4.html | Paramètres=aucun | Fragment=#gps
URL 2 : Protocole=http | Hôte=www.education.gouv.fr | Chemin=/recherche | Paramètres=q=bac+2025&academie=paris | Fragment=aucun
Q1 : ?q=bac+2025&academie=paris sont des paramètres de requête envoyés au serveur. q=bac+2025 est le terme de recherche (l’espace est encodé en +). Le & sépare deux paramètres différents.
Q2 : HTTP n’est pas chiffré : les données échangées (et les paramètres de l’URL) circulent en clair. N’importe qui sur le réseau peut les lire. Aucun cadenas dans le navigateur.
Q3 : #gps est une ancre — elle indique au navigateur de faire défiler la page jusqu’à l’élément portant l'id="gps". Elle n’est pas envoyée au serveur.
Pour chaque situation, indiquer le code HTTP le plus probable retourné par le serveur.
| Situation | Code HTTP ? |
|---|---|
La page cours_ch1.html est trouvée et retournée correctement |
|
| Un élève tape une URL incorrecte — le fichier n’existe pas sur le serveur | |
Le serveur Caddy redirige automatiquement http:// vers https:// |
|
| Un bug dans l’API Node.js provoque une exception non gérée |
- 1 Quelle est la différence entre une requête GET et une requête POST ?
- 2 Quand tu cliques sur « Voir la correction » sur cette page d’exercices, la page contacte-t-elle un serveur ? Expliquer.
✅ Correction
Q1 : GET demande une ressource sans modifier le serveur (lecture). POST envoie des données au serveur pour créer ou modifier quelque chose (ex: formulaire, login). GET place les paramètres dans l’URL (visible) ; POST les place dans le corps de la requête (non visible dans l’URL).
Q2 : Non, le bouton « Voir la correction » est géré entièrement en JavaScript côté navigateur. Il affiche/masque un bloc HTML déjà présent dans la page. Aucune requête HTTP supplémentaire n’est envoyée au serveur.
Voici un extrait de code HTML. Répondre aux questions.
<!DOCTYPE html> <html lang="fr"> <head> <title>Mon cours de maths</title> </head> <body> <h1>Suites numériques</h1> <p>Une suite est une fonction définie sur <strong>ℕ</strong>.</p> <ul> <li><a href="cours_ch1.html">Voir le cours</a></li> <li>Exercices</li> </ul> <img src="suite.png" alt="Graphe d'une suite"> </body> </html>
- 1 Quel est le titre affiché dans l’onglet du navigateur ?
- 2 Quelle balise crée un titre de niveau 1 ? Combien y en a-t-il dans ce code ?
- 3 Quel est le texte visible du lien hypertexte ? Vers quelle URL pointe-t-il ?
- 4 À quoi sert l’attribut
altde la balise<img>? - 5 Quelle partie du code n’est PAS affichée visuellement dans la page ?
✅ Correction
Q1 : Le titre affiché dans l’onglet est « Mon cours de maths » (contenu de la balise <title>).
Q2 : La balise <h1>. Il y en a 1 dans ce code (« Suites numériques »).
Q3 : Texte visible : « Voir le cours ». URL cible : cours_ch1.html (URL relative).
Q4 : L’attribut alt fournit un texte alternatif affiché si l’image ne charge pas, et lu par les lecteurs d’écran pour les personnes malvoyantes (accessibilité).
Q5 : Le contenu du <head> (dont le <title>) n’est pas affiché dans la page elle-même — il contient des métadonnées pour le navigateur.
Compléter le code HTML ci-dessous pour créer une page de présentation de SNT. La prévisualisation se met à jour en direct.
Objectif : obtenir une page avec un titre principal, un paragraphe de description, une liste des 7 thèmes SNT, et un lien vers https://snt.mathamine.fr.
✅ Correction
<h1>Sciences Numériques et Technologie</h1> <p>La SNT est un enseignement de seconde qui couvre 7 thèmes du numérique.</p> <ol> <li>Internet</li> <li>Le Web</li> <li>Les réseaux sociaux</li> <li>Les données structurées</li> <li>Localisation et cartographie</li> <li>Informatique embarquée</li> <li>La photographie numérique</li> </ol> <a href="https://snt.mathamine.fr">Accéder au site</a>
Compléter le CSS dans l’éditeur pour obtenir l’apparence demandée.
Objectif : le <h1> doit être bleu (#1a3a5c), les <p> doivent avoir un fond jaune clair (#fffde7), et le lien <a> doit être orange sans soulignement.
✅ Correction CSS
h1 {
color: #1a3a5c;
}
p {
background: #fffde7;
padding: 0.5rem;
}
a {
color: #e07b2a;
text-decoration: none;
}
Pour chaque règle CSS, indiquer quels éléments HTML elle affecte.
| Règle CSS | Éléments affectés |
|---|---|
h2 { color: red; } | Tous les titres de niveau dans la page |
.important { font-weight: bold; } | Tous les éléments avec l’attribut valant important |
#menu { background: blue; } | L’élément unique avec l' menu |
nav a { text-decoration: none; } | Les liens <a> qui se trouvent un élément <nav> |
button:hover { background: green; } | Les boutons quand |
✅ Correction
h2 → tous les titres de niveau 2
.important → tous les éléments avec l’attribut class valant important
#menu → l’élément unique avec l'id (identifiant) menu
nav a → les liens <a> qui se trouvent à l’intérieur d' un élément <nav>
button:hover → les boutons quand la souris passe dessus
Voici une page de résultats fictifs pour la recherche « vaccin grippe efficacité » :
ameli.fr › sante › vaccin-grippe — Mis à jour : oct. 2024
Le vaccin contre la grippe est efficace à 40–60 % selon les années…
monblog-sante.fr › articles — Mis à jour : 2019
Des études montrent que l’efficacité réelle est surestimée par Big Pharma…
has-sante.fr › recommandations — Mis à jour : sept. 2024
La Haute Autorité de Santé recommande la vaccination annuelle pour les…
- 1 Identifier le résultat sponsorisé. Pourquoi apparaît-il en premier ?
- 2 Parmi les 3 résultats naturels, lequel vous semble le moins fiable ? Donner 2 raisons.
- 3 Quels critères permettent d’évaluer la fiabilité d’une source Web ?
- 4 Deux élèves cherchent la même chose depuis des machines différentes et obtiennent des résultats dans un ordre légèrement différent. Comment l’expliquer ?
✅ Correction
Q1 : Le résultat de pharmacie-enligne.com est le résultat sponsorisé (indiqué par « Annonce »). Il apparaît en premier car l’entreprise a payé pour que son annonce s’affiche sur ce mot-clé, indépendamment de la pertinence du contenu.
Q2 : Le résultat de monblog-sante.fr est le moins fiable : (1) c’est un blog personnel sans autorité médicale reconnue — le domaine .fr personnel n’est pas une source officielle, (2) il date de 2019, il est obsolète pour un sujet médical d’actualité, (3) le titre (« ne servent à rien ! ») est sensationnaliste et non scientifique.
Q3 : Critères de fiabilité : auteur identifié et qualifié, source institutionnelle (ameli.fr, has-sante.fr, who.int), date récente, présence de références scientifiques, absence de sensationnalisme, domaine reconnu.
Q4 : Les moteurs personnalisent les résultats selon l'historique de navigation, la localisation géographique, les recherches précédentes, et le profil publicitaire de l’utilisateur. Deux personnes qui cherchent la même chose peuvent voir des résultats dans un ordre différent.
On considère 4 pages Web avec les liens suivants :
- Page A → B, C
- Page B → C
- Page C → A
- Page D → C
- 1 Quelle page reçoit le plus de liens entrants ? Combien en reçoit-elle ?
- 2 Selon le principe du PageRank, quelle page devrait avoir le score le plus élevé ?
- 3 La page D ne reçoit aucun lien entrant. Quel est son PageRank approximatif ? Sera-t-elle bien classée dans Google ?
- 4 Un webmaster veut améliorer le référencement de sa page. Citer deux stratégies légitimes (SEO) et une pratique interdite (black hat SEO).
✅ Correction
Q1 : La page C reçoit le plus de liens : depuis A, B et D → 3 liens entrants.
Q2 : La page C devrait avoir le score PageRank le plus élevé, car elle est référencée par 3 pages différentes, dont A qui est elle-même liée par C (lien mutuel qui crée un cycle).
Q3 : D reçoit 0 lien → son PageRank est très faible. Elle sera probablement mal classée voire non indexée si les robots de Google ne l’ont jamais trouvée via un lien entrant.
Q4 : SEO légitimes : produire du contenu de qualité pour obtenir des liens naturels, soigner les balises <title> et <meta description>, optimiser la vitesse et la version mobile. — Black hat : acheter des liens en masse (fermes de liens), insérer des mots-clés invisibles dans la page, dupliquer du contenu. Ces pratiques sont sanctionnées par Google.
En inspectant les cookies d’un site fictif, on trouve les entrées suivantes :
| Nom | Domaine | Durée | Contenu |
|---|---|---|---|
session_id | jupyter.mathamine.fr | Fin de session | abc123def456 |
_ga | .google-analytics.com | 2 ans | GA1.2.1234567.1699… |
pref_theme | cours.mathamine.fr | 1 an | dark |
doubleclick_id | .doubleclick.net | 1 an | DSID=AAO-f2K7… |
- 1 Identifier le cookie de session, le cookie de préférence, le cookie analytique, et le cookie publicitaire.
- 2 Lesquels sont des cookies tiers ? Comment le sait-on ?
- 3 Qu’est-ce que le cookie
_gapermet à Google de savoir ? - 4 En naviguant en mode privé, ces cookies sont-ils toujours déposés ? Qu’est-ce qui change ?
✅ Correction
Q1 : session_id = cookie de session (maintenir la connexion) | pref_theme = cookie de préférence (mémoriser thème sombre) | _ga = cookie analytique (Google Analytics, mesure d’audience) | doubleclick_id = cookie publicitaire (réseau pub Google).
Q2 : Les cookies tiers sont _ga et doubleclick_id — leur domaine (.google-analytics.com, .doubleclick.net) est différent du site visité (mathamine.fr). Ils sont déposés par des services externes.
Q3 : Google Analytics permet de savoir : combien de fois tu visites le site, depuis quel appareil, depuis quelle région, pendant combien de temps, quelles pages tu consultes. Ces données sont envoyées à Google et permettent aussi de lier tes visites sur différents sites qui utilisent Analytics.
Q4 : En mode privé, les cookies sont toujours déposés et fonctionnels pendant la session — le site peut toujours te pister pendant que tu navigues. Ce qui change : les cookies sont effacés à la fermeture de la fenêtre privée. Ton historique local n’est pas conservé. Mais le serveur et les tiers voient toujours les mêmes requêtes.
Créer dans l’éditeur ci-dessous une page HTML complète avec CSS intégré représentant une fiche sur un thème SNT de votre choix. La page doit contenir :
- Un titre
<h1>avec une couleur CSS - Au moins un
<h2>et deux<p> - Une liste ordonnée ou non ordonnée
- Un lien hypertexte externe
- Du CSS pour personnaliser les couleurs et polices
✅ Exemple de correction
Voici un exemple de rendu attendu — votre code peut être différent !
<style> body { font-family: 'Segoe UI', sans-serif; max-width: 600px; margin: auto; padding: 1rem; background: #f8f6f2; } h1 { color: #1a3a5c; border-bottom: 3px solid #e07b2a; padding-bottom: .4rem; } h2 { color: #2563a8; } .important { background: #eff6ff; padding: .5rem; border-radius: 6px; } a { color: #e07b2a; } </style> <h1>Internet — Thème 1</h1> <h2>Qu'est-ce qu'Internet ?</h2> <p class="important">Internet est un réseau mondial de réseaux, né en 1983 avec TCP/IP.</p> <ol> <li>1969 : ARPANET</li> <li>1983 : TCP/IP</li> <li>1991 : Le Web</li> </ol> <a href="https://snt.mathamine.fr">En savoir plus sur mathamine.fr</a>