Chapitre 1: Généralités sur le web
On confond souvent Internet et le Web (ou « toile » en français). On trouve des choses sur Internet, on surfe sur le Web. Mais où est la différence ? Article de Laurent Viennot sur le site interstices.fr
- Le Web ou toile en français est un ensemble d’informations reliées entre elles par des liens hypertextes.
- L’internet est le réseau physique des ordinateurs reliés entre eux physiquement par des câbles, fibres optiques, ondes…
Le Web n’est qu’un service parmi d’autres utilisant internet: mail, news, ftp…
1 La naissance du Web
Le web fut inventé en 1989 par Tim Berners-Lee et une équipe de recherches au CERN (Centre européen pour la Recherche Nucléaire).
C’est un système hypertexte qui permet de lier des documents par des hyperliens.
Lien vers la page de Class Code.
Note: les vidéos des cours d’OpenClassrooms comme toutes les ressources de Class´Code sont librement accessibles, sous licence Creative-Commons.
2 L’architecture du web
Le web est possible grâce au réseau internet qui relie entre eux les ordinateurs.
Certains ordinateurs hébergent des pages web: les serveurs, chaque page web a une adresse URL(Uniform Resource Locator).
Chez vous, votre ordinateur: le client peut demander qu’on lui transmette des pages web à partir de leur URL grâce au protocole HTTP(HyperText Transfer Protocol).
3 Les langages du web
3.1 Côté client
Tous les navigateurs web(clients) utilisent trois langages:
html(HyperText Markup Language): Il contient le texte de la page et décrit ce texte afin qu’il puisse être compris par des programmes informatiques(navigateur web ou robots des moteurs de recherche).css(Cascading StyleSheet): permet de mettre en forme la page web en modifiant les couleurs, polices…js:(JavaScript): permet de rendre les pages web interactives, pour par exemple récupérer les données d’un utilisateur entrées dans un formulaire.
Leurs syntaxes et leurs possibilités ne cessent d’augmenter au fur et à mesure que nos usages d’internet évoluent.
La fondation W3C a pour rôle de définir toutes les règles de ces langages(et d’autres) afin de maintenir le web accessible à tous et ouvert.
3.2 Côté serveur
Le navigateur du client peut envoyer des informations particulières au serveur par le biais du protocole HTTP.
Le serveur peut adapter la page envoyée à ses paramètres grâce à un langage de programmation côté serveur. Principalement PHP(hypertext processor) aujourd’hui, mais tout langage peut-être utilise(Python, Ruby, NodeJS…)
4 Rôle du navigateur
Le navigateur permet de traduire toutes les informations contenues dans les fichiers html, css et js, en un rendu qui s’affiche à l’écran avec lequel l’utilisateur peut interagir. Pour afficher le code source d’une page, il suffit d’utiliser la combinaison CTRL+U.
5 Le développement d’une page Web
Avant de publier le site sur internet, on commence par le développer localement sur son ordinateur avec deux logiciels:
5.1 Un éditeur de code
Un simple éditeur de texte qui permet d’écrire le code html, css et js.
Bien qu’un simple éditeur de texte suffise, on utilise plutôt des éditeurs de code qui sont dédiés à cet usage et qui permettent de colorer le code, l’indenter, le vérifier, l’auto compléter…