Avant toute chose, il faut savoir qu’il y a 2 types d’ordinateurs connectés au Web :
-
Des clients : c’est vous, votre ordinateur qui sert à aller consulter des sites web.
-
Des serveurs : ce sont des ordinateurs spéciaux (souvent très puissants) qui envoient les sites web aux clients. Les serveurs “possèdent” les sites web et les distribuent à ceux qui veulent les visiter.
Les langages
Pour construire un site web, on a recours à des langages. Ils servent en quelque sorte à établir les plans d’architecte dont on a besoin pour construire les sites. Ces langages sont principalement :
-
HTML
-
CSS
-
JavaScript
Tous ces langages sont désormais indispensables à la réalisation de tous les sites web. On dit que ce sont des langages client ou encore des langages frontend, car ils sont lus par les machines des clients.
Nous n’apprendrons pas à nous en servir dans ce cours, mais vous pourrez enchaîner avec d’autres cours accessibles aux débutants si vous voulez vous entraîner à les utiliser !
Les navigateurs
Pour accéder aux sites web, on a besoin de navigateurs web. Il existe notamment :
-
Google Chrome
-
Mozilla Firefox
-
Internet Explorer, et son successeur appelé Edge
-
Opera
-
Safari
Le rôle des navigateurs est de traduire les langages HTML, CSS et JavaScript sous la forme de sites web utilisables par tout le monde.
Les langages HTML et CSS sont traduits sous la forme de sites web.
À quoi ressemble un code HTML ? Voici un exemple :
Avec un peu d’entraînement, vous pouvez apprendre à le lire et même à l’écrire, si si ! Rien que dans ce code, je vois des paragraphes, des titres, des informations d’en-tête, etc. 🤓
À vous de jouer !
Et si vous appreniez à modifier du code HTML ? Voici un petit exercice pour vous faire la main ! Rendez-vous sur cet éditeur CodePen et suivez les étapes suivantes:
-
Modifiez le paragraphe de bienvenue pour indiquer votre nom (remplacez les XXXX)
-
Ajoutez un second paragraphe à la suite sur le même modèle, avec les balises <p> et </p> du code HTML qui délimitent un paragraphe.
-
Ajoutez des balises <strong> et </strong> pour délimiter le mot “Bienvenue” comme ceci: <strong>Bienvenue</strong> . Que se passe-t-il ?