Nous allons créer notre première page HTML
Une page web et ses ressources sont retournées à un navigateur par un serveur web. On peut installer un serveur web sur ta machine mais pour aller plus vite nous allons tout faire via le site https://jsfiddle.net/. Il permet de tester en ligne tes développements.
-
Lance ton navigateur Internet. Tu peux utiliser Firefox qui est reconnaissable via cet icône
-
Dans la barre d’adresse tape le nom du site https://jsfiddle.net/. Tu devrais avoir la page suivante qui s’ouvre
-
Dans la zone bleue en haut, clique sur la petite croix à gauche suivie du texte "Close" pour que l’éditeur occupe tout l’espace comme ci dessous
-
L’écran est découpé en 4 zones
-
HTML c’est là que tu vas décrire le contenu de ta page en utilisant les balises du langage HTML
-
CSS pour définir des styles qui permettent de mettre en forme le résultat
-
JavaScript qui est la zone où notre programme sera écrit. A la base le HTML est statique, rien ne bouge. JavaScript permet de rendre les choses plus dynamiques. Dans notre cas le JavaScript sera lancé quand nous allons cliquer sur les boutons de l’écran
-
La dernière zone est l’endroit où le résultat sera affiché
-
-
Nous allons commencé par écrire un message dans la zone HTML. Par exemple
Je m’appelle MixTeen. Une fois que c’est fait tu peux cliquer sur le bouton
-
Normalement à cette étape tu dois avoir le résultat suivant
-
Dans la barre de menu tu peux enregistrer ton travail via le bouton
. Un numéro pas très lisible apparaît dans la barre d’adresse (par exemple dwwqx7ns). Tu peux garder cette adresse car elle te permettra de rouvrir ce que tu as fait pendant plusieurs jours https://jsfiddle.net/dwwqx7ns/ -
Tu peux essayer de saisir le texte que tu veux et voir ce que donne le résultat
