Exercice : Défi : Bortz V

Internet, un espace politique

Voici quelques citations de Cyberstructure, Internet, un espace politique, de Stéphane Bortzmeyer (C&F Éditions, 2018) qui nous rappellent qu'Internet est avant tout un réseau social (indépendamment des médias sociaux qu'il permet aujourd'hui de supporter).

  • « un des principes de base de l'Internet [...] est qu'il n'y a pas de séparation entre le fournisseur et le client : tout le monde peut faire les deux »

  • « Internet ne permet pas que de lire et d'acheter, il permet d'écrire et cela crée à la fois des merveilleuses possibilités, et des problèmes sérieux »

  • « Internet ne fait pas communiquer des machines, il fait communiquer des humains par l'intermédiaire de machines »

Question

Créez un dossier bortz dans un espace de publication web sur un serveur auquel vous avez accès et ajoutez une page index.html contenant une section pour chacune des citations. Chaque section dispose d'un titre et d'une copie de la citation, ainsi que d'un commentaire textuel éventuellement accompagné d'une illustration sous forme d'image.

Question

Associer un programme JavaScript permettant de réaliser les opérations ci-après.

  1. Faites en sorte que la seconde section soit grisée et qu'elle n'apparaisse en noir que quand la souris la survole.

  2. Faites en sorte que la troisième section n'apparaisse que lorsque l'on clique sur son titre.

  3. Insérer un label Site de l'éditeur sous le titre de l'article et indiquer « double-cliquer pour afficher le lien » (ou une phrase équivalente) et associer le comportement correspondant (rendre visible un lien vers https://cfeditions.com/).

  4. Lorsque la souris passe sur le titre de l'article, des informations complémentaires s'affichent : site web de l'auteur (https://www.bortzmeyer.org/) et page Wikipédia.

  5. Lorsque la souris sort de la zone, les informations disparaissent.

  6. Si l'on clique sur le titre, les informations sont affichées définitivement.

Question

Validez le contenu de votre page.