Section 3: Le Web, le http et le HTML1 Le Web. Section 3: Le Web, le http et le HTML2 Les clients et serveurs Web Serveur Web Clients utilisant des fouineurs.

Présentation au sujet: "Section 3: Le Web, le http et le HTML1 Le Web. Section 3: Le Web, le http et le HTML2 Les clients et serveurs Web Serveur Web Clients utilisant des fouineurs."— Transcription de la présentation:

1 Section 3: Le Web, le http et le HTML1 Le Web

2 Section 3: Le Web, le http et le HTML2 Les clients et serveurs Web Serveur Web Clients utilisant des fouineurs Requêtes émises pages reçues

3 Section 3: Le Web, le http et le HTML3 Le langage de balise HTML Les pages sont écrites en HTML HyperText Mark-up Language HTML est basé sur SGML, un standard développé par IBM Le texte est entrelacé avec des balises Les pages peuvent être dynamiques ou statiques Des formulaires de saisie de données peuvent être inclus dans les pages

4 Section 3: Le Web, le http et le HTML4 Balises HTML Formatage de base Présentez en gras cette section Gras, Italique, Titre, couleur Liste Énumérations, puces Tableau Graphiques et images Champs non visible pour les engins de recherche

5 Section 3: Le Web, le http et le HTML5 Un exemple de HTML Darrels Rudimentary Home Page Darrel Ince Hi I am Darrel Ince. I am a Professor at the Open University. There are a number of things worth knowing about me: I own a psychotic cat. My youngest daughter is named after Dylan Thomass late wife. I am a fanatical Welsh rugby supporter. I am very tall. I am a proficient Java programmer.

6 Section 3: Le Web, le http et le HTML6 Les liens HTML permet dexprimer les liens dun document à un autre document. Les liens peuvent référer à un document sur le même ordinateur ou sur un autre ordinateur En cliquant sur un lien, la nouvelle page est présentée.

7 Section 3: Le Web, le http et le HTML7 Les liens (ii) Le département IRO Les hyperliens peuvent être relatifs Chapitre suivant Les hyperliens relatifs facilitent la gestion d'un ensemble de contenu

8 Section 3: Le Web, le http et le HTML8 Une ancre Un lien peut adresser une ancre à lintérieur dun document. Dans ce cas, la section identifiée par lancre est présentée. Exemple Ancre définit à l'intérieur d'un document Titre de la section II Exemple d'hyperlien le ciblant

9 Section 3: Le Web, le http et le HTML9 URL Uniform Resource Locator ou Universal Resource Locator Est ladresse dune page Web ou de dautres ressources Un URL peut identfier une page Web, un fichier FTP, etc..

10 Section 3: Le Web, le http et le HTML10 Un exemple dURL http://www.open.ac.uk/staff/Darrel Spécifie le protocole Spécifie lordinateur Spécifie le chemin daccès à la page Web

11 Section 3: Le Web, le http et le HTML11 Définition URL Uniform Ressource Location – URL URI: Uniform Ressource Identifier (ISDN, autre) Exemple: http://www.iro.umontreal.ca/index.html scheme://host:port/path/extra-path-info?query-info Scheme Protocole utilisé: file, http, ftp, smtp, telnet, autres Host Nom internet de l'ordinateur ou adresse IP Path Chemin d'accès à la ressource Extra-path-info Chemin d'accès additionnel Query-info Suite de paramètres additionnels, nom=valeur

12 Section 3: Le Web, le http et le HTML12 Les formulaires HTML permet dinclure des formulaires Les formulaires contiennent des objets visuels comme les bouttons, les boîtes de sélection, les champs de texte Quand une forme est complétée, les données sont retournées au serveur Web et un programme y est exécuté

13 Section 3: Le Web, le http et le HTML13 Définition succinte dun formulaires.... Affiche un champ de saisie d'un formulaire Différents type de champ de saisie Texte court ou long Boutton de choix (un ou plusieurs de la liste) Boutton radio (actif, inactif) Mot de passe Boutton personnalisé, image, coordonnées x et y Menu déroulant

14 Section 3: Le Web, le http et le HTML14 Formulaire Le client transmet tous les champs d'un formulaire à l'URL d'action lorsque un bouton input de type submit est activé Les données du formulaire sont transmises avec la requête Une liste de tuples =valeur

15 Section 3: Le Web, le http et le HTML15 Exemple dun formulaire HTML(i) Please type your name below Please type your address below Male<INPUT TYPE=RADIO NAME=maleButton VALUE=mButt>

16 Section 3: Le Web, le http et le HTML16 Exemple dun formulaire HTML(ii) Female<INPUT TYPE=RADIO NAME=femaleButton VALUE=fButt> <INPUT TYPE=SUBMIT VALUE=Submit> Ce formulaire contient 2 bouttons radio, un champ de saisi de texte et un texte

17 Section 3: Le Web, le http et le HTML17 HTTP HyperText Transfer Protocol Protocole utilisé pour la communication entre le serveur et le client Web Un protocole de type requête/réponse

18 Section 3: Le Web, le http et le HTML18 Un exemple dune requête GET /index.html HTTP/1.1 User-Agent: Lynx/2.4 Connection: Keep-Alive Host: www.openaccess.com Accept: text/html Je veux cette page Jutilise ce logiciel Garder la connection TCP/IP Le nom de lordinateur à qui la requête sadresse Accepte une réponse En text/HTML Nom de la commande

19 Section 3: Le Web, le http et le HTML19 Un exemple dune réponse HTTP/1.1 200 OK Date: Thu, 22 July 1998 18:40:55 GMT Server: Apache 1.3.5 (Unix) PHP/3.0.6 Last-Modified: Mon, 19 July 1997 16:03:22 GMT Content-Type: text/html Content-Length: 12987... Version 1.1 de HTTP La requête du client réussi Date de la réponse Logiciel Serveur Date de la dernière modification à la page Type de contenu Longueur du contenu (octets)

20 Section 3: Le Web, le http et le HTML20 Réponse (ii) Contiennent les paramètre d'en-tête, suivi du document HTTP 1.1 200 Document follows Date: Fri, 31 August HTTP/1.1 200 OK Date: Thu, 30 Aug 2001 20:12:15 GMT Server: Apache/1.3.14 (Unix) (Red-Hat/Linux) mod_fastcgi/2.2.10 Last-Modified: Wed, 20 Dec 2000 16:18:33 GMT Content-Length: 697 Connection: close Content-Type: text/html CIRANO....

21 Section 3: Le Web, le http et le HTML21 Commandes HTTP GET Obtenir une page HEAD Comme GET, mais sans contenu, seulement les entêtes POST Appeler un programme sur un formulaire PUT Conserver le fichier sur le serveur OPTIONS Liste des options de communications

22 Section 3: Le Web, le http et le HTML22 Commandes GET Vs POST GET Les paramètres sont dans lURL POST Les paramètres du formulaire suivent dans le fil dentrée après les en-têtes

23 Section 3: Le Web, le http et le HTML23 Requête Get GET /index.html HTTP/1.0 Paramètres du formulaire d'action GET /mescripts/monscript?nom=Robert+Gerin- Lajoie&adresse=2020+University HTTP/1.1 Champs d'information additionnelle suivent le GET Connection: Keep-Alive User-Agent: String Mozilla/2.02Gold (WintNT; I) Host: www.iro.umontreal.ca Authorization: scheme credentials BASIC username:password username:password encodé en base64 16 autres de possibles

24 Section 3: Le Web, le http et le HTML24 Requête Post POST mescripts/monscript HTTP/1.1 Les paramètres du formulaire suivent sur le fil après les en-têtes et une ligne blanche nom=Robert+Gerin-Lajoie&adresse=2020+University Pourquoi une requête Post? Pas de limite à la longueur et au nombre des paramètres

25 Section 3: Le Web, le http et le HTML25 Codes de status Indiques le résultat dune requête Commençant par 2xx indique une réponse correcte Commençant par 3xx indique que le logiciel fouineur doit faire une autre action Redirection (Redirect) sur une autre ressource Location: Commençant par 4xx indique un problème, souvent que la page est absente (404) Commençant par 5 indique un problème sérieux du côté du serveur

26 Section 3: Le Web, le http et le HTML26 Témoins-Cookies Le serveur demande à ses clients de conserver les témoins. Le client retourne le témoin à toutes les requêtes Ceci est fait dans l'en-tête d'une réponse et d'une requête. Limite: Au moins 300 témoins par client 4 Ko par cookies 20 témoins par serveur

27 Section 3: Le Web, le http et le HTML27 Témoins Set-Cookie: name=String; expires=date; path=pathname; domain=domain-name Le témoin lui-même name=String (sauf blanc, point virgule ou tabulateur) La date d'expiration Le domaine et le chemin d'accès pour lesquels le jeton sera retransmis lors d'une prochaine requête par le client

28 Section 3: Le Web, le http et le HTML28 Exemples domain=mondomaine.com path= / Ce témoin sera retourné à tous les serveurs hhtp du domaine mondomaine.com, Sur toutes les ressources

29 Section 3: Le Web, le http et le HTML29 Retourner le témoin sur tous les ordinateurs du domaine! Attention! Only hosts within the specified domain can set a cookie for a domain and domains must have at least two (2) or three (3) periods in them to prevent domains of the form: ".com", ".edu", and "va.us". Any domain that fails within one of the seven special top level domains listed below only require two periods. Any other domain requires at least three. The seven special top level domains are: "COM", "EDU", "NET", "ORG", "GOV", "MIL", and "INT". La valeur par défaut est le nom de lordinateur qui a généré le témoin.

30 Section 3: Le Web, le http et le HTML30 Témoins tiers (cookies tiers) Fournis par le serveur des images insérées dans vos pages (IMG) Cette image peut être invisible (1X1) Permet à un site tiers de suivre vos sessions de furetage Marketing, tracking, autres

31 Section 3: Le Web, le http et le HTML31 Durée des témoins Permanent Selon la date fournie Session de furetage Jusquà ce que votre fureteur soit fermé Prolème: Fureteur dans les lieux publics

32 Section 3: Le Web, le http et le HTML32 Scénarios complexes Redirections invisibles Images invisibles Témoins sur des images Utilisations Pour un serveur commun didentité Pour suivre à la trace les utilisations du site WebBeacons http://www.allaboutcookies.org/web-beacons/