Section 3: Le Web, le http et le HTML1 Le Web. Section 3: Le Web, le http et le HTML2 Les clients et...
-
Upload
leonce-gregoire -
Category
Documents
-
view
118 -
download
4
Transcript of Section 3: Le Web, le http et le HTML1 Le Web. Section 3: Le Web, le http et le HTML2 Les clients et...
![Page 1: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/1.jpg)
Section 3: Le Web, le http et le HTML 1
Le Web
![Page 2: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/2.jpg)
Section 3: Le Web, le http et le HTML 2
Les clients et serveurs Web
Serveur WebServeur Web
Clients utilisant des fouineurs
Requêtes émisespages reçues
![Page 3: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/3.jpg)
Section 3: Le Web, le http et le HTML 3
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
![Page 4: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/4.jpg)
Section 3: Le Web, le http et le HTML 4
Balises HTML
• Formatage de base• <b>Présentez en gras cette section</b>
• Gras, Italique, Titre, couleur• Liste
• Énumérations, puces • Tableau • Graphiques et images• Champs non visible pour les engins
de recherche
![Page 5: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/5.jpg)
Section 3: Le Web, le http et le HTML 5
Un exemple de HTML
<HTML><HEAD>
<TITLE> Darrel’s Rudimentary Home Page </TITLE></HEAD><BODY><H1> Darrel Ince </H1>Hi I am Darrel Ince. I am a Professor at the Open University. There are a number of things worth knowing about me:<UL>
<LI> I own a psychotic cat. </LI><LI> My youngest daughter is named after Dylan Thomas’s
late wife. </LI><LI> I am a fanatical Welsh rugby supporter. </LI><LI> I am very tall. </LI><LI> I am a proficient Java programmer. </LI>
</UL></BODY></HTML>
![Page 6: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/6.jpg)
Section 3: Le Web, le http et le HTML 6
Les liens
• HTML permet d’exprimer les liens d’un 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.
![Page 7: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/7.jpg)
Section 3: Le Web, le http et le HTML 7
Les liens (ii)
<a href= "http://www.iro.umontreal.ca/index.html"> Le département IRO
</a>
• Les hyperliens peuvent être relatifs<a href="../chapitre2/index.html">Chapitre suivant</a>
• Les hyperliens relatifs facilitent la gestion d'un ensemble de contenu
![Page 8: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/8.jpg)
Section 3: Le Web, le http et le HTML 8
Une ancre
• Un lien peut adresser une ancre à l’intérieur d’un document. • Dans ce cas, la section identifiée par l’ancre est
présentée.
• Exemple• Ancre définit à l'intérieur d'un document• <a name="section2">Titre de la section II</a>
• Exemple d'hyperlien le ciblant• <a href= "http://www.iro.umontreal.ca/cours/plan.html#section2"> </a>
![Page 9: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/9.jpg)
Section 3: Le Web, le http et le HTML 9
URL
• “Uniform Resource Locator” ou “Universal Resource Locator”
• Est l’adresse d’une page Web ou de d’autres ressources
• Un URL peut identfier une page Web, un fichier FTP, etc..
![Page 10: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/10.jpg)
Section 3: Le Web, le http et le HTML 10
Un exemple d’URL
http://www.open.ac.uk/staff/Darrel
Spécifie le protocole Spécifie l’ordinateur
Spécifie le chemin d’accès à la page Web
![Page 11: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/11.jpg)
Section 3: Le Web, le http et le HTML 11
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
![Page 12: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/12.jpg)
Section 3: Le Web, le http et le HTML 12
Les formulaires
• HTML permet d’inclure 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é
![Page 13: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/13.jpg)
Section 3: Le Web, le http et le HTML 13
Définition succinte d’un formulaires
• <form action=url> ....</form> • Affiche un champ de saisie d'un formulaire
• <input type=text name=string>
• 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
![Page 14: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/14.jpg)
Section 3: Le Web, le http et le HTML 14
Formulaire
• Le client transmet tous les champs d'un formulaire à l'URL d'action lorsque un bouton input de type submit est activé• <input type=submit>
• Les données du formulaire sont transmises avec la requête• Une liste de tuples
• <name>=valeur
![Page 15: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/15.jpg)
Section 3: Le Web, le http et le HTML 15
Exemple d’un formulaire HTML(i)
<FORM METHOD=”POST” ACTION=”/cgi-bin/Form1process”><P>
Please type your name below</P><P>
<INPUT TYPE=”TEXT” NAME=”nameField” MAXLENGTH=”30”></P><P>
Please type your address below</P><P>
<TEXTAREA NAME=”addField” ROWS=”5” COLS=”40”></TEXTAREA>
</P><P>
Male<INPUT TYPE=”RADIO”NAME=”maleButton”VALUE=”mButt”>
</P>
![Page 16: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/16.jpg)
Section 3: Le Web, le http et le HTML 16
Exemple d’un formulaire HTML(ii)
<P>Female<INPUT TYPE=”RADIO”NAME=”femaleButton”
VALUE=”fButt”></P><P> <INPUT TYPE=”SUBMIT” VALUE=”Submit”></P></FORM>
Ce formulaire contient 2 bouttons radio, un champ de saisi de texte et un texte
![Page 17: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/17.jpg)
Section 3: Le Web, le http et le HTML 17
HTTP
• HyperText Transfer Protocol• Protocole utilisé pour la
communication entre le serveur et le client Web
• Un protocole de type requête/réponse
![Page 18: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/18.jpg)
Section 3: Le Web, le http et le HTML 18
Un exemple d’une requête
GET /index.html HTTP/1.1User-Agent: Lynx/2.4Connection: Keep-AliveHost: www.openaccess.comAccept: text/html
Je veux cette page
J’utilise celogiciel
Garder la connectionTCP/IP
Le nom de l’ordinateur à qui la requête s’adresse
Accepte une réponse En text/HTML
Nom de la commande
![Page 19: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/19.jpg)
Section 3: Le Web, le http et le HTML 19
Un exemple d’une réponse
HTTP/1.1 200 OKDate: Thu, 22 July 1998 18:40:55 GMTServer: Apache 1.3.5 (Unix) PHP/3.0.6Last-Modified: Mon, 19 July 1997 16:03:22 GMTContent-Type: text/htmlContent-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)
![Page 20: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/20.jpg)
Section 3: Le Web, le http et le HTML 20
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 • <html> <head> <title>CIRANO</title> • ....
![Page 21: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/21.jpg)
Section 3: Le Web, le http et le HTML 21
Commandes HTTP
GET Obtenir une pageHEAD Comme GET, mais sans contenu,
seulement les entêtes POST Appeler un programme sur un formulairePUT Conserver le fichier sur le serveurOPTIONS Liste des options de communications
![Page 22: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/22.jpg)
Section 3: Le Web, le http et le HTML 22
Commandes GET Vs POST
• GET• Les paramètres sont dans l’URL
• POST• Les paramètres du formulaire suivent
dans le fil d’entrée après les en-têtes
![Page 23: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/23.jpg)
Section 3: Le Web, le http et le HTML 23
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
![Page 24: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/24.jpg)
Section 3: Le Web, le http et le HTML 24
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
![Page 25: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/25.jpg)
Section 3: Le Web, le http et le HTML 25
Codes de status
• Indiques le résultat d’une 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: <URL de la ressource>
• 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
![Page 26: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/26.jpg)
Section 3: Le Web, le http et le HTML 26
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
![Page 27: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/27.jpg)
Section 3: Le Web, le http et le HTML 27
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
![Page 28: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/28.jpg)
Section 3: Le Web, le http et le HTML 28
Exemples
• domain=mondomaine.com• path= /
• Ce témoin sera retourné à tous les serveurs hhtp du domaine mondomaine.com,
• Sur toutes les ressources
![Page 29: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/29.jpg)
Section 3: Le Web, le http et le HTML 29
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 l’ordinateur qui a généré le témoin.
![Page 30: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/30.jpg)
Section 3: Le Web, le http et le HTML 30
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
![Page 31: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/31.jpg)
Section 3: Le Web, le http et le HTML 31
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
![Page 32: 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.](https://reader035.fdocuments.net/reader035/viewer/2022062312/551d9db4497959293b8d938b/html5/thumbnails/32.jpg)
Section 3: Le Web, le http et le HTML 32
Scénarios complexes
• Redirections invisibles• Images invisibles• Témoins sur des images• Utilisations
• Pour un serveur commun d’identité• Pour suivre à la trace les utilisations du site• WebBeacons
• http://www.allaboutcookies.org/web-beacons/