Je vais vous raconter l'histoire de Tim le premier Brouillonneur.
Déjà, la première chose à savoir, c'est que ses parents ont choisi son prénom en rapport à l'auteur du livre dont il est question plus bas...
Lorsque ses parents lui apprirent qu'il tenait son prénom de TimBL l'auteur du livre, il ne put s'empêcher de chérir ce livre, enfin chérir, c'est peut-être un peu fort, je l’avoue… au moins d'être intrigué par celui-ci.
Il n'est d'ailleurs pas le seul à tirer son prénom de cet inventeur, les prénoms courant comme celui de notre bien aimé acteur Timbeul, celui de la chanteuse Timberlee, ou même celui de sa sœur, la peintre Kimberly, viennent aussi de TimBL.
Même, je crois, la fameuse recette du célèbre 🎂 gâteau "thym beurre lait" viennent tous de cet auteur Tim Berners Lee.
A peine notre jeune Tim avait-il appris à lire et à écrire correctement, qu’il attrapa le livre "Créez votre site web" de TimBL et explora cette cellule dans la Noosphere.
Il voulait lui aussi, comme sa mère implémenter des jeux pour ses copains et des applications pour son bot.
Il commença par lire les premières pages et découvrit que le développement Web ne nécessitait pas de matériel ni de ressources particulières et il comprit, que seuls son assiduité, son travail et sa perspicacité lui permettrait de développer ses idées.
Lors de ses premières lectures, il s'aperçut qu'il lui suffisait de créer un fichier texte et de renommer l'extension de ce fichier de .txt en .html pour le transformer en une page web interprétable par un navigateur Web.
Ensuite, il lui a simplement suffit d'insérer ses premières balises. Les balises, on les reconnaît facilement grâce aux chevrons inférieur (<) et supérieur (>) qui entourent leur nom.
Sa première balise était évidemment celle du paragraphe (<p>).
Ça c'est la balise "ouvrante" qui débute le paragraphe et elle va toujours avec sa sœur la balise fermante (</p>).
Notez bien qu’une balise fermante possède toujours un slash (/) à l’intérieur des chevrons, avant le nom de la balise.
Ensuite, il a ajouté une balise <h1> avec sa sœur </h1> pour créer un titre au dessus...
Mais le mieux c'est c'est peut-être que je vous montre concrètement comment il a fait.
Juste une petite chose avant, si vous voulez faire la même chose et que vous utilisez Windows, il va falloir décocher l’option "Masquer les extensions dont le type est connu"
Voici la reconstitution de comment Tim a créé sa première page Web. Pour plus de diversité, je vous propose ci-dessous 3 versions (sous Windows, Linux ou Android) en fonction du système d'exploitation que vous utilisez.
Windows
La première page Web si tu es sous Windows
La première page Web si tu es sous Windows
Linux
La première page Web si tu es sous Linux
La première page Web si tu es sous Linux
Android
La première page Web si tu es sous Android
La première page Web si tu es sous Android
Une fois cette première page web créée, il ne pouvait plus s'arrêter, il avait de plus en plus d'idées, et de projets...
Sa première volonté fut évidemment de la partager, de montrer au monde ce dont il était capable…
Mais en même temps, il voulait la rendre belle, plus jolie, et puis ajouter de l’interactivité...