Aller au contenu

Résumé

I) Introduction au Web

  • Le "World Wide Web", plus communément appelé "Web" a été développé au début des années 90.

  • Le web se base sur trois choses : le protocole HTTP (HyperText Transfert Protocol), les URL (Uniform Resource Locator) et le langage de description HTML (HyperText Markup Language).

  • Il ne faut pas confondre Internet et le Web : Internet est un "réseau de réseaux" s'appuyant sur le protocole IP alors que le web est la combinaison de trois technologies : HTTP, URL et HTML. Le Web “utilise” Internet (sans Internet le Web n’aurait sans doute jamais vu le jour, alors qu’Internet existait avant le Web).

II) Les URL

  • Une URL (Uniform Resource Locator) permet d'identifier une ressource (par exemple un fichier) sur un réseau.

  • Pour indiquer la position d'un fichier (ou d'un dossier) dans une arborescence, il existe 2 méthodes : indiquer un chemin absolu ou indiquer un chemin relatif.

III) HTML et CSS

  • Le HTML (HyperText Markup Language) est un langage de balisage conçu pour représenter des pages web.

  • Dans une page HTML on trouve uniquement des balises ouvrantes (exemple <p>) et fermantes (exemple </p>) ou des balises à la fois ouvrantes et fermantes (exemple <img>)

  • Les navigateurs web (Firefox, Chrome...) sont des logiciels capables d’interpréter du HTML et d’afficher la page web correspondante.

  • Chaque balise a une signification qu'il faut bien respecter (on parle de la sémantique des balises).

  • Le HTML n'a pas été conçu pour gérer la mise en page. Le HTML s'occupe uniquement du contenu et de la sémantique, pour tout ce qui concerne la mise en page et l'aspect “décoratif” (on parle du “style” de la page), on utilisera un autre langage, le CSS (Cascading Style Sheets).

  • Il est possible d’ajouter des attributs dans les balises.

IV) Interaction avec l'utilisateur

  • En fait, le développement de page web se base sur 3 langages :

    • HTML

    • CSS

    • JavaScript

- Seul JavaScript est un véritable langage de programmation (utilisation des conditions, des boucles, des variables…). JavaScript permet, entre autres, de gérer les événements (clic sur les boutons…) au niveau d’une page web. Par exemple :

1
<button onclick="foncRouge()">Rouge\</button>
est une balise HTML qui affichera un bouton sur la page. En cas de clic sur ce bouton, la fonction JavaScript foncRouge() sera exécutée. Cette fonction JavaScript pourra, par exemple, permettre de modifier le contenu ou le style d'une balise HTML.

V) Modèle client/serveur

  • Dans la plupart des échanges au niveau d’un réseau (Internet par exemple), les ordinateurs qui communiquent ne jouent pas le même rôle. Un des ordinateurs est un client tandis que l’autre est un serveur. Un client va demander des ressources à un serveur alors qu’un serveur va passer son temps à fournir des ressources à une multitude de clients.

  • N'importe quel type d'ordinateur peut jouer le rôle de serveur, mais dans le monde professionnel les serveurs sont des machines spécialisées conçues pour fonctionner 24h sur 24h (il faut être capable de fournir des ressources à un client 24h/24h).

  • Afin de prévenir un “embouteillage” (trop de clients qui se connecteraient en même temps), un même service est souvent assuré par plusieurs serveurs qui vont jouer exactement le même rôle, on parle alors de redondance des serveurs.

  • La redondance permet aussi d’assurer la continuité du service en cas de panne d’un des serveurs.

VI) Protocole HTTP

  • Le protocole (un protocole est ensemble de règles qui permettent à 2 ordinateurs de communiquer ensemble) HTTP (HyperText Transfert Protocol) va permettre au client d'effectuer des requêtes à destination d'un serveur web. En retour, le serveur web va envoyer une réponse.

Requête du client

  • Une requête HTTP utilise une méthode (c'est une commande qui demande au serveur d'effectuer une certaine action). A chaque requête faite par un client vers un serveur, on associe une des méthodes ci-dessous : GET, HEAD, POST, OPTIONS, CONNECT, TRACE, PUT, PATCH, DELETE.

  • Détaillons 4 de ces méthodes.

    • GET : C'est la méthode la plus courante pour demander une ressource. Elle est sans effet sur la ressource.

    • POST : Cette méthode est utilisée pour soumettre des données en vue d'un traitement (côté serveur). Typiquement c'est la méthode employée lorsque l'on envoie au serveur les données issues d'un formulaire.

    • DELETE : Cette méthode permet de supprimer une ressource sur le serveur.

    • PUT : Cette méthode permet de modifier une ressource sur le serveur.

Réponse du serveur

  • Suite à une requête d’un client, le serveur envoie une réponse à ce client. Dans la réponse du serveur on trouve beaucoup de choses (voir le cours), mais on n’en retiendra deux :

    • un code : par exemple 200 si tout est OK ou 404 si la ressource demandée n’a pas été trouvée…

    • du code HTML.

HTTPS

  • Le "HTTPS" est la version "sécurisée" du protocole HTTP : les données sont chiffrées avant d'être transmises sur le réseau. Seul le possesseur de la clé de déchiffrement sera en mesure de lire les données transmises sur le réseau (dans le cas du HTTP toutes les informations transmises sur le réseau sont “lisibles” par n’importe qui).