Nous nous réunissons le mardi à 13 heures.
\n```\n\nQue produit cet extrait dans le navigateur ?", "options": [ { "text": "Deux paragraphes de même importance, le second\ncontenant le mot « mardi »", "correct": false, "feedback": "Erreur : la première balise n'est pas celle d'un paragraphe mais\ncelle du titre de plus haut niveau, affiché en gros caractères." }, { "text": "Un titre suivi d'un paragraphe, le mot « mardi »\ndevenant un lien cliquable", "correct": false, "feedback": "Erreur : un lien s'écrit avec la balise `a` et l'attribut\n`href`. La balise `em` ne conduit nulle part, elle met en\nvaleur." }, { "text": "Un paragraphe unique où le titre et l'horaire sont\nécrits sur la même ligne", "correct": false, "feedback": "Erreur : le titre et le paragraphe sont deux blocs distincts.\nIls s'affichent l'un sous l'autre, et non à la suite." }, { "text": "Un titre, puis un paragraphe dans lequel le mot\n« mardi » est mis en valeur", "correct": true, "feedback": "Bonne réponse : `h1` marque le titre principal, `p` délimite un\nparagraphe et `em` met en valeur le mot qu'elle entoure, en\nitalique dans la plupart des navigateurs." } ], "explanation": "Lire un extrait de HTML consiste à reconnaître chaque balise et la\nportion de contenu qu'elle encadre, de la balise ouvrante à la\nbalise fermante." }, { "id": "q15", "difficulty": 2, "skills": [ "html", "lien-hypertexte", "lecture-de-code" ], "title": "Écriture d'un lien", "statement": "Karim veut qu'un clic sur les mots « le site du CNES » ouvre la page\nd'adresse `https://cnes.fr`. Quelle écriture convient ?", "options": [ { "text": "```html\nhttps://cnes.fr le site du CNES\n```", "correct": false, "feedback": "Erreur : sans attribut `href`, la balise ne conduit nulle part.\nUne adresse écrite comme simple texte n'est pas suivie par le\nnavigateur." }, { "text": "```html\nhttps://cnes.fr\n```", "correct": false, "feedback": "Erreur : l'adresse et le texte visible sont intervertis. Le clic\nconduirait vers une ressource nommée « le site du CNES », qui\nn'existe pas." }, { "text": "```html\nle site du CNES\n```", "correct": true, "feedback": "Bonne réponse : l'adresse visée est portée par l'attribut\n`href`, et le texte cliquable se place entre la balise ouvrante\net la balise fermante." }, { "text": "```html\nAttention
`. Quelle règle met ce seul\nparagraphe en rouge ?", "options": [ { "text": "```css\np { color: red; }\n```", "correct": false, "feedback": "Erreur : ce sélecteur vise tous les paragraphes de la page, y\ncompris ceux qui ne portent pas la classe `important`." }, { "text": "```css\n#important { color: red; }\n```", "correct": false, "feedback": "Erreur : le dièse désigne un identifiant unique, déclaré par\nl'attribut `id`. Ici, le paragraphe porte une classe." }, { "text": "```css\n.important { color: red; }\n```", "correct": true, "feedback": "Bonne réponse : un sélecteur de classe s'écrit avec un point\nsuivi du nom de la classe. Il vise tous les éléments qui portent\ncette classe." }, { "text": "```css\np important { color: red; }\n```", "correct": false, "feedback": "Erreur : le point manque devant le nom de la classe. Écrite\nainsi, la règle cherche un élément nommé `important` dans un\nparagraphe, ce qui n'existe pas." } ], "explanation": "Les sélecteurs les plus courants désignent un type d'élément par son\nnom, une classe par un point, un identifiant par un dièse. Une\nclasse peut être portée par plusieurs éléments." }, { "id": "q20", "difficulty": 3, "skills": [ "css", "html", "separation-structure-presentation" ], "title": "Feuille de style commune", "statement": "Le site du lycée compte soixante pages qui partagent la même feuille\nde style. Quel est l'intérêt principal de cette organisation ?", "options": [ { "text": "Les pages s'affichent sans avoir à contacter le serveur\nune seconde fois", "correct": false, "feedback": "Erreur : une feuille de style externe est un fichier à part, que\nle navigateur doit justement demander au serveur avant de\nl'appliquer." }, { "text": "Les moteurs de recherche classent mieux les sites dotés\nd'une feuille commune", "correct": false, "feedback": "Erreur : aucun moteur ne récompense la façon dont les styles\nsont rangés. Le classement repose sur le contenu et sur les\nliens reçus." }, { "text": "Le contenu des pages devient impossible à recopier par\nun autre site", "correct": false, "feedback": "Erreur : une feuille de style ne protège rien. Le code d'une\npage reste lisible par quiconque la reçoit." }, { "text": "Changer la présentation des soixante pages ne demande\nqu'une seule modification", "correct": true, "feedback": "Bonne réponse : la structure reste dans les fichiers HTML et la\nprésentation est rassemblée dans un seul fichier, où une retouche\nvaut pour tout le site." } ], "explanation": "Séparer la structure de la présentation facilite la maintenance : le\ncontenu peut être modifié sans toucher à l'apparence, et l'apparence\npeut être revue sans réécrire les pages." }, { "id": "q21", "difficulty": 1, "skills": [ "moteur-recherche", "indexation" ], "title": "Source des résultats", "statement": "Quand Hugo lance une recherche, où le moteur cherche-t-il les pages\nqu'il lui propose ?", "options": [ { "text": "Dans l'ensemble du Web, qu'il parcourt entièrement au\nmoment de la recherche", "correct": false, "feedback": "Erreur : parcourir des milliards de pages demanderait des\nsemaines. L'exploration a lieu à l'avance, la recherche ne fait\nque consulter son résultat." }, { "text": "Dans l'index qu'il a constitué à l'avance en parcourant\nles pages du Web", "correct": true, "feedback": "Bonne réponse : des robots explorent le Web en permanence et\nrangent les mots rencontrés dans un index, seul consulté au\nmoment de la requête." }, { "text": "Dans l'historique des pages que Hugo a déjà consultées\nsur son ordinateur", "correct": false, "feedback": "Erreur : l'historique ne contient que les pages déjà vues. Un\nmoteur propose justement des pages inconnues du visiteur." }, { "text": "Dans la liste des sites qui ont payé pour apparaître\ndans ses résultats", "correct": false, "feedback": "Erreur : les emplacements achetés sont signalés à part. Les\nrésultats ordinaires proviennent de l'index, sans contrepartie\nfinancière." } ], "explanation": "Un moteur de recherche travaille en deux temps : l'exploration du\nWeb et la construction d'un index d'un côté, la réponse aux\nrequêtes de l'autre." }, { "id": "q22", "difficulty": 2, "skills": [ "indexation", "moteur-recherche" ], "title": "Découverte des pages", "statement": "Comment un robot d'indexation découvre-t-il de nouvelles pages à\najouter à l'index ?", "options": [ { "text": "Il suit les liens rencontrés dans les pages qu'il a\ndéjà visitées", "correct": true, "feedback": "Bonne réponse : le robot part de pages connues et suit leurs\nliens de proche en proche. Le Web s'explore comme une toile, de\nlien en lien." }, { "text": "Il essaie une à une toutes les adresses possibles\njusqu'à trouver des pages", "correct": false, "feedback": "Erreur : le nombre d'adresses imaginables est bien trop grand\npour être épuisé. L'exploration suit les liens, elle ne tire pas\nau hasard." }, { "text": "Il interroge les fournisseurs d'accès, qui lui\ntransmettent la liste des sites", "correct": false, "feedback": "Erreur : un fournisseur d'accès achemine des données. Il ne\ntient aucun catalogue des pages publiées sur le Web." }, { "text": "Il attend que les visiteurs lui signalent les pages\nqu'ils ont consultées", "correct": false, "feedback": "Erreur : un auteur peut soumettre son site, mais l'essentiel de\nl'index provient de l'exploration automatique, à laquelle les\nvisiteurs ne participent pas." } ], "explanation": "Les robots d'indexation parcourent le Web en suivant les liens\nhypertextes. Une page vers laquelle aucun lien ne pointe a donc peu\nde chances d'être découverte." }, { "id": "q23", "difficulty": 2, "skills": [ "classement", "moteur-recherche" ], "title": "Classement des résultats", "statement": "Deux pages contiennent exactement les mêmes mots. Sur quoi le moteur\ns'appuie-t-il pour placer l'une avant l'autre ?", "options": [ { "text": "Sur l'ordre alphabétique des noms de domaine des deux\nsites concernés", "correct": false, "feedback": "Erreur : aucun moteur ne classe par ordre alphabétique. L'ordre\ndes résultats serait alors le même pour toutes les recherches." }, { "text": "Sur la date de création des sites, la plus ancienne\npassant devant l'autre", "correct": false, "feedback": "Erreur : l'ancienneté ne suffit pas. Une page récente très citée\npeut devancer une page ancienne que personne ne cite." }, { "text": "Sur le nombre total de pages que contient chacun des\ndeux sites concernés", "correct": false, "feedback": "Erreur : la taille d'un site ne garantit pas sa qualité. Une\npage isolée mais très citée peut figurer en tête." }, { "text": "Sur la popularité des pages, mesurée par les liens\nqu'elles reçoivent", "correct": true, "feedback": "Bonne réponse : un lien reçu vaut comme une recommandation, et\nil compte d'autant plus qu'il provient d'une page elle-même très\ncitée." } ], "explanation": "Le classement combine la pertinence, c'est-à-dire l'adéquation du\ncontenu à la requête, et la popularité, calculée à partir des liens\nreçus par chaque page." }, { "id": "q24", "difficulty": 2, "skills": [ "moteur-recherche", "esprit-critique" ], "title": "Liens sponsorisés", "statement": "En tête de sa page de résultats, Sofia voit des liens accompagnés de\nla mention « annonce ». Que signifie cette mention ?", "options": [ { "text": "Le moteur a jugé ce site le plus pertinent pour la\nrecherche effectuée", "correct": false, "feedback": "Erreur : c'est le sens des résultats ordinaires, calculés par le\nmoteur. Une annonce est achetée, elle n'est pas classée sur sa\npertinence." }, { "text": "Le site a été vérifié par le moteur avant d'être\nproposé aux visiteurs", "correct": false, "feedback": "Erreur : aucun contrôle de sérieux n'accompagne l'achat d'un\nemplacement. Le moteur vérifie le paiement, non la qualité du\nsite." }, { "text": "L'annonceur a payé pour que son lien figure à cette\nplace dans la page", "correct": true, "feedback": "Bonne réponse : ces emplacements sont vendus. Leur position ne\ndit rien de la qualité de la page, seulement du prix accepté par\nl'annonceur." }, { "text": "Le lien renvoie vers une page qui contient de la\npublicité pour un produit", "correct": false, "feedback": "Erreur : la mention porte sur le lien lui-même, qui est une\npublicité, et non sur le contenu de la page vers laquelle il\nconduit." } ], "explanation": "Les moteurs de recherche se financent par la publicité. Distinguer\nles emplacements achetés des résultats calculés fait partie de la\nlecture critique d'une page de résultats." }, { "id": "q25", "difficulty": 3, "skills": [ "moteur-recherche", "traces", "esprit-critique" ], "title": "Résultats personnalisés", "statement": "Depuis la même salle, Lina et Théo tapent exactement la même requête\net obtiennent des résultats différents. Comment l'expliquer ?", "options": [ { "text": "Le moteur adapte le classement aux traces laissées par\nchaque utilisateur", "correct": true, "feedback": "Bonne réponse : l'historique, le compte connecté, la langue et\nle lieu servent à personnaliser les réponses. Deux personnes\nn'ont pas le même Web sous les yeux." }, { "text": "Le moteur tire ses résultats au hasard parmi les pages\nde son index", "correct": false, "feedback": "Erreur : le classement est calculé, non tiré au sort. Une même\nrequête posée deux fois de suite donne des résultats très\nproches." }, { "text": "Chaque ordinateur possède son propre index, constitué\nau fil des visites", "correct": false, "feedback": "Erreur : l'index est construit et conservé par le moteur sur ses\npropres serveurs. L'ordinateur du visiteur n'en détient aucune\npart." }, { "text": "Les résultats dépendent du navigateur, chacun ayant\nson propre classement", "correct": false, "feedback": "Erreur : le navigateur n'établit aucun classement. Il affiche la\npage de résultats telle que le moteur la lui a renvoyée." } ], "explanation": "La personnalisation enferme peu à peu chaque utilisateur dans des\nrésultats conformes à ses habitudes. Varier ses sources et comparer\nles réponses obtenues reste indispensable." }, { "id": "q26", "difficulty": 3, "skills": [ "indexation", "moteur-recherche" ], "title": "Page absente des résultats", "statement": "Le club théâtre a mis une page en ligne, mais aucune recherche ne la\nfait apparaître. Quelle explication est la plus probable ?", "options": [ { "text": "Elle est trop récente, car un moteur n'indexe que les\npages vieilles d'un an", "correct": false, "feedback": "Erreur : aucune ancienneté minimale n'est exigée. Une page bien\nreliée peut être indexée en quelques heures." }, { "text": "Aucun lien ne conduit vers elle, et le robot ne l'a\ndonc jamais rencontrée", "correct": true, "feedback": "Bonne réponse : une page que rien ne cite reste invisible tant\nqu'elle n'a pas été soumise au moteur, puisque l'exploration se\nfait de lien en lien." }, { "text": "Personne ne l'a encore cherchée, or un moteur n'indexe\nque les pages demandées", "correct": false, "feedback": "Erreur : l'indexation ne dépend pas des recherches des\nvisiteurs. Un robot explore le Web en continu, sans attendre la\nmoindre requête." }, { "text": "Elle est trop courte, car un moteur écarte les pages de\nmoins de mille mots", "correct": false, "feedback": "Erreur : aucune longueur minimale n'est requise. Une page brève\nfigure sans difficulté dans les résultats si elle est connue du\nmoteur." } ], "explanation": "Être en ligne ne suffit pas à être trouvable. Une page n'apparaît\ndans les résultats qu'après avoir été découverte par un robot, puis\nrangée dans l'index du moteur." }, { "id": "q27", "difficulty": 1, "skills": [ "cookies", "definition" ], "title": "Définition d'un cookie", "statement": "Qu'est-ce qu'un cookie déposé par un site que l'on visite ?", "options": [ { "text": "Un programme installé sur la machine pour accélérer\nl'affichage des pages", "correct": false, "feedback": "Erreur : un cookie ne contient aucune instruction et ne\ns'exécute pas. C'est une donnée que le navigateur conserve puis\nrenvoie." }, { "text": "Une copie de la page conservée pour la consulter sans\nconnexion à Internet", "correct": false, "feedback": "Erreur : cette copie est celle du cache du navigateur. Un cookie\ngarde une information courte, pas le contenu de la page." }, { "text": "Un petit fichier enregistré par le navigateur, que le\nsite pourra relire ensuite", "correct": true, "feedback": "Bonne réponse : le serveur demande au navigateur de conserver\nune information, que celui-ci lui renvoie lors des visites\nsuivantes." }, { "text": "Un message adressé au fournisseur d'accès pour lui\nsignaler la visite du site", "correct": false, "feedback": "Erreur : le fournisseur d'accès n'est pas destinataire de ces\ndonnées. Le cookie reste sur la machine du visiteur et repart\nvers le site." } ], "explanation": "Les cookies servent d'abord à reconnaître un visiteur d'une page à\nl'autre, par exemple pour garder une connexion ouverte ou le\ncontenu d'un panier." }, { "id": "q28", "difficulty": 3, "skills": [ "cookies", "traces", "vie-privee" ], "title": "Publicité ciblée", "statement": "Après avoir regardé des chaussures sur un site marchand, Rayan voit\ndes publicités pour ces chaussures sur un tout autre site. Pourquoi ?", "options": [ { "text": "Le site marchand a communiqué l'adresse électronique de\nRayan à l'autre site", "correct": false, "feedback": "Erreur : aucun échange d'adresse n'est nécessaire. Le suivi\nrepose sur un identifiant déposé dans le navigateur, non sur une\nidentité connue." }, { "text": "Le navigateur transmet l'historique complet de Rayan à\nchaque site consulté", "correct": false, "feedback": "Erreur : le navigateur ne communique pas l'historique. Un site\nne reçoit que les cookies qui le concernent ou qui concernent\nles tiers qu'il appelle." }, { "text": "Les deux sites appartiennent nécessairement à la même\nentreprise commerciale", "correct": false, "feedback": "Erreur : les deux sites peuvent être totalement indépendants. Il\nsuffit qu'ils fassent appel à la même régie publicitaire." }, { "text": "Un même service publicitaire est présent sur les deux\nsites et suit le visiteur", "correct": true, "feedback": "Bonne réponse : les deux pages chargent des éléments venus du\nmême tiers, qui reconnaît le visiteur grâce à son cookie et\nrecoupe ainsi ses visites." } ], "explanation": "Les cookies déposés par des tiers permettent de suivre un même\nvisiteur d'un site à l'autre. Le refus de ces cookies et\nl'effacement régulier des traces limitent ce suivi." }, { "id": "q29", "difficulty": 2, "skills": [ "droit-auteur" ], "title": "Réutilisation d'une photographie", "statement": "Pour un exposé publié sur le site du lycée, Jade veut reprendre une\nphotographie trouvée sur le Web, sans mention particulière. Que dit\nle droit ?", "options": [ { "text": "La photographie est protégée par défaut et son auteur\ndoit donner son accord", "correct": true, "feedback": "Bonne réponse : une œuvre est protégée dès sa création, sans\ndémarche ni mention. Sans autorisation ou licence explicite, la\nreprise est interdite." }, { "text": "Une image accessible à tous est libre de droits dès\nlors que l'on cite le site", "correct": false, "feedback": "Erreur : être visible n'est pas être libre. Citer sa source est\nune obligation, mais elle ne remplace pas l'accord de l'auteur." }, { "text": "L'usage est libre tant qu'il s'agit d'un travail\nscolaire sans but commercial", "correct": false, "feedback": "Erreur : le cadre scolaire n'ouvre pas un droit général de\npublication. Mise en ligne sur le site du lycée, l'image devient\naccessible à tous." }, { "text": "L'usage est libre si l'image est modifiée avant d'être\npubliée de nouveau", "correct": false, "feedback": "Erreur : transformer une œuvre ne la rend pas libre. Le droit de\nl'auteur porte aussi sur les modifications apportées à son\ntravail." } ], "explanation": "Toute production originale est protégée par le droit d'auteur, sans\nformalité. Pour illustrer un travail destiné à être publié, on\ncherche des images sous licence libre ou l'on demande l'autorisation." }, { "id": "q30", "difficulty": 3, "skills": [ "droit-auteur", "licences" ], "title": "Licence avec attribution", "statement": "Une photographie est publiée sous une licence Creative Commons\nportant la seule condition d'attribution. Que peut en faire Yasmine ?", "options": [ { "text": "La réutiliser librement, sans avoir à mentionner qui\nque ce soit", "correct": false, "feedback": "Erreur : la mention de l'auteur est précisément la condition\nposée par cette licence, et elle est obligatoire." }, { "text": "La réutiliser, à condition de citer l'auteur comme\nil le demande", "correct": true, "feedback": "Bonne réponse : l'auteur autorise à l'avance la réutilisation,\ny compris modifiée, et n'exige en retour que la mention de son\nnom." }, { "text": "La consulter seulement, la licence interdisant toute\nreproduction", "correct": false, "feedback": "Erreur : une licence de ce type existe justement pour autoriser\nla reproduction. Sans licence, l'œuvre resterait sous le régime\nordinaire." }, { "text": "La réutiliser uniquement si elle n'en modifie aucun\ndétail", "correct": false, "feedback": "Erreur : cette restriction correspond à une autre condition, qui\ninterdit les modifications. Ici, seule l'attribution est exigée." } ], "explanation": "Les licences libres permettent à un auteur d'autoriser à l'avance\ncertains usages de son œuvre. Chaque condition ajoutée, attribution,\nusage non commercial ou interdiction de modifier, restreint ce qui\nest permis." } ] }