Le code source - Transformer une page internet (1/4)

3 minutes pour coder - Transformer une page internet

Chargement de la playlist en cours...

Comment afficher le code source d'une page Web ? 

Sais-tu que l'on peut modifier n’importe quel page Web en s’amusant avec le code HTML ? Par exemple, j’ai envie d’écrire… mon nom à la place du titre de la vidéo. Avec une petite astuce, je peux le faire vraiment facilement. Je peux aussi le mettre en gros et en rouge ou encore supprimer la vidéo de cette page. Je peux faire ce que je veux sur tous les sites que je veux ! Par exemple, sur la page YouTube, je peux changer, en quelques clics, le nombre de vues qui s’affiche ! 

Tu te demandes peut-être comment faire ? Ça tombe bien, j’ai prévu des tutos pour tout t'expliquer. D’abord il faut que tu sois sur un ordinateur, parce que ça ne fonctionne pas avec une tablette ou un téléphone portable. 

L'outil inspecteur

Pour commencer, fais un clic droit sur une zone libre de la page et regarde si tu vois le bouton "Inspecter" ou "Examiner l'élément". Si tu es sur un Mac avec le navigateur Safari (un navigateur, c’est le logiciel qui te permet d’afficher les pages Web), il faut que tu cliques sur le menu "Safari", puis sur "Préférences" et "Avancées" pour cocher la case devant "Afficher le menu Développement dans la barre des menus". Maintenant tu peux faire un clic droit et y voir "Inspecter l’élément".

Une fois que tu as cliqué, tu dois maintenant voir une nouvelle fenêtre sur ton écran avec plein de texte étrange. Cette fenêtre, c’est l'outil inspecteur. Chez moi, il y a trois zones, mais selon le navigateur internet que tu utilises, cela peut être un peu différent. 

Si tu as regardé l’épisode « Comment fonctionne et se fabrique Internet ? », tu sais déjà que ce texte, c'est du code HTML, le langage qui permet de construire les sites internet. On peut non seulement voir ce code, mais aussi le modifier et écrire ce que l’on veut à la place, afin de changer le site que l’on voit.

Si tu es prêt à modifier ta première page Internet, il est temps de continuer avec la prochaine vidéo : « La structure - Transformer une page internet (2/4) ».

Réalisateur : Valentin Levelli

Producteur : Coyote Conseil

Auteur : Arnaud Gantier et MICODE

Diffusion : 2017

Publié le - Mis à jour le 06-07-2018

Recommandations

Je t’accompagne dans
tes révisions du bac