Chapitre 5 : IHM sur le Web
1- Les origines du Web
- 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…
Voici un vidéo expliquant comment est né le Web :
2 – Fonctionnement général
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).
Les langages du web
Côté client
Tous les navigateurs(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 leur 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.
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…)
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.
3 – Créer son propre site web
Voici des mémos pour le HTML et CSS :
4) Le protocole HTTP
5) Découverte du javascript
Ennoncé et page html (disponibles via Capytale)