Introduction

Le but de cet article est de vous fournir une compréhension de base de ce qui permet de voir un site Web en tapant une adresse dans son navigateur.
C’est une simplification de ce qui se passe dans la réalité, mais l’idée globale est ici 🙂

Terminologie

Internet

C’est une manière de faire parler des appareils électroniques entre eux.

En lire plus sur internet

De nombreux appareils

Même si ce sont tous des ordinateurs, nous pouvons différencier deux types d’appareils:

Le client

C’est votre appareil (ordinateur ou smartphone…).

un article complete à propos des clients

Il peut avoir un ou plusieurs navigateurs internets installés pour accéder facilement à internet.

Le serveur

C’est un ordinateur spécialisé pour répondre à des requêtes.
Il a des logiciels dédiés qui sont lancés pour lui permettre de remplir cette fonction.
Ce sont plutôt les entreprises qui en possèdent.

Un article complet sur les serveurs

Petite remarque : Internet consiste à faire en sorte que les ordinateurs se parlent entre eux.
Vous pouvez donc transformer votre propre ordinateur en serveur si vous le souhaitez en installant des logiciels spécifiques !

Le navigateur

Un navigateur: C’est le logiciel que vous utilisez pour accéder à des pages internent.

Voici quelques navigateurs connus:

• Google Chrome
• Firefox
• Microsoft Edge
• Apple Safari

Il va tout faire pour que vous ayez une belle représentation visuelle de ce que vous avez demandé.
Ui, ça semble évidente mais c’est une des choses principale des ordinateurs : comment avec des bits vous pouvez avoir un affichage interactif ✨

Comment ça fonctionne

Quand vous tapez une adresse dans le navigateur, le navigateur demandera au serveur ce qui se trouve à cet endroit. Si le serveur le trouve il vous le donnera en retour !.

La plupart du temps, vous souhaitez obtenir une page Web, mais cela peut être n’importe quoi: une image, de la musique, une vidéo, des documents pdf…

Accéder à une page internet

Une page internet est juste un fichier de texte !
On les appelle des fichiers html.
Si vous voulez plus de détail il y a beaucoup plus de détails ici

HTML

Donc le HTML est juste un fichier texte, mais un type de fichier spécifique.

C’est :

• Tout le contenu que vous voulez écrire mais formatter d’une manière très spécifique.
• Toutes les autres informations supplémentaires nécessaire pour que celà s’affiche de manière plus belle.

CSS, Javascript (JS) et les autres ressources

Dans les informations supplémentaires on va retrouver une liste de fichiers supplémentaires à demander au serveur.
En plus des images/vidéos, il y a aussi deux domaines précis où l’on a besoin de plus d’informations :

• pour avoir une jolie présentation : ce sera donné par les informations contenue dans les fichiers textes de type CSS
• pour avoir un contenu interactif : ce sera donné par les informations contenue dans les fichiers textes de type Javascript (on abrège souvent en JS)

La magie du navigateur

Et donc, avec l’ensemble de ces fichiers textes (HTML, CSS & JS), le navigateur jouera de sa magie et offrira à vous et aux autres utilisateurs un bel affichage intéractif des informations que vous voulez voir !

Pour résumer

Aimez votre navigateur ! (et gardez le à jour 😎)

Vous savez maintenant : 

• qu’un site internet est un ensemble de fichiers texte
• ils vous sont fournis par le serveur
• le fichier principal d’une page web est un fichier HTML

Vous pouvez retrouver plus de détail à propos du HTML dans cet article : html basic (part 1)