Un site web ou site internet est un ensemble de fichiers texte, image reliés par des liens, défini et accessible par une adresse web.Ces fichiers sont stockés dans un serveur web.
De quoi un site web a-t-il besoin pour exister.
Pour écrire une page web, il faut un langage particulier que votre navigateur pourra comprendre, eh oui ce gars ne comprend rien à notre langage humain.
Ce langage est le HTML ( HyperText Markup Language) oui je sais sa définition n’est pas compréhensible. Ce qui faut retenir du Html est qu’il est un langage de balisage.
C’est-à-dire qu’il entoure nos éléments texte et image etc…
Ce balisage permet au navigateur de reconnaître les éléments de notre page, quand celui-ci voit par exemple ceci:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>Je suis un paragraphe</p>
</body>
</html>il comprend que tout les élément dans cette balise est un paragraphe etc..
Et donc, en plus de ce langage vous l’aurez compris il faut un navigateur web,
Le Navigateur web
Tous nous l’avons dans nos téléphone, ordinateur, tablette. c’est le moyen par lequel tu est entrain de lire ce article.
Pour faire simple, un navigateur est un interpréter, un logiciel permettant d’afficher des sites internet, mais au fond c’est beaucoup plus complexe que ça mais nous n’allons pas entrer dans les détails.
Pour que votre site soit disponible sur un internet celui-ci doit être stocké sur un serveur web.
Le serveur web
Un serveur web est un ordinateur qui stocke les fichiers qui composent un site web (par exemple les documents HTML, les images, les feuilles de style CSS, les fichiers JavaScript) et qui les envoie à l’appareil de l’utilisateur qui visite le site via le navigateur.
C’est tout? 🤔
Pas vraiment, souviens toi dans la définition d’un site web, nous avons vu que ces fichiers doivent être accessibles via une adresse web.
C’est quoi une adresse web?
Votre serveur vous délivre une adresse IP(Protocole informatique), c’est une espèce de chiffre avec des points bizarres, qui est en faite votre adresse web.
Par exemple si je tape sur mon terminal la commande suivante: traceroute dywants.com j’obtiens l’adresse IP du serveur de Linkedin soit : 104.16.244.78
Bon tu conviens avec moi que c’est pas évident cette histoire d’adresse IP , heureusement que cette adresse est traduit par nos hébergeurs sous forme de nom de domaine. et donc 104.16.244.78 devient dywants.com, c’est beaucoup mieux n’est par! 😏
Maintenant que nous connaissons tous nos éléments ou presque, comment ça marche?
Le développeur ou le logiciel de génération de site (CMS) construit le site avec tous les fichiers texte , image et liens et met tout ça dans un serveur. Lorsque l’utilisateur tape l’adresse du site en question sur la barre d’adresse de son navigateur, le navigateur dit au serveur, eh gars donne moi les fichiers que tu stock donc l’adresse est la suivante; si les fichiers correspondant à l’adresse en question existent, il les envoie au navigateur qui les affiche.
Cette communication entre le navigateur et le serveur se fait via le HTTP (Hypertest Tranfert Protocol).
Et donc le serveur donne les fichiers du site et les instructions au navigateur sur le comment afficher le site en question. Et le navigateur lui reconstruit le site web
Par consequent le navigateur est appel client HTTP et le serveur web, serveur HTTP
Si nous tentons d’afficher n’importe site web avec les elements que nous avons vu jusqu’a present c’est à dire : Un navigateur, une adresse IP, un serveur web et le HTML , nous obtiendrons ceci:
tu conviens avec moi que c’est pas trop plaisant de naviguer ainsi.
Et donc nous avons besoins d’un autre élément ou langage de programmation: le CSS (Cascading Style Sheets)
dans CSS on a le mot style; c’est lui qui permet d’obtenir des pages web plus conviviales, jolies ; cool n’est par 😏!
C’est grâce à tous ces éléments que les pages web tel que tu connais, bon c’est pas tout à fait exact, il manque un autre élément:
Humm mais quoi donc? 🤔
Nous les utilisateurs, nous aimons des jolies pages web dans lesquelles nous pouvons interagir avec le site , par exemple liker, commenter un article comme celui-ci tout en restant sur la même page et sans même la réactualisation de la page. ceci est possible grâce au javascript
JavaScript est un langage de programmation qui permet d’implémenter des mécanismes complexes sur une page web. Il rend le site interactif, il permet les effets comme , des animation de texte et image, des menus déroulant, le déplacement des éléments d’une page etc..
En conclusion, un site web c’est du HTML,CSS Javascript avec texte et image et des liens dans un dossier qu’on hébergeur sur un serveur(serveur HTTP) et on y accéder via un adresse web (nom de domaine) qu’on tape sur la barre de recherche d’un navigateur (client HTTP) et qui reconstruit le site en question.
