![Page 1: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/1.jpg)
![Page 2: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/2.jpg)
Le Téléphone Russe
![Page 3: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/3.jpg)
Rap
pel
Réseaux Locaux TCP / IP
Modem Model OSI
Internet
Connexiondirecte
Fournisseur d'accès
Modem
RéseauTéléphonique
Adaptateur
RéseauNumérique
![Page 4: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/4.jpg)
Tra
nsit
ion
Réseaux Locaux
Application
Présentation
Session
Transport
Réseau
Données
Physique
Application
Présentation
Session
Transport
Réseau
Données
Physique
Emetteur Récepteur
Données Données
Données
Données
Données
Données
Données
Données
P
P
P
P
P
S
S
S
S
T
T
T
N
ND D
Internet Applications Le Web
![Page 5: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/5.jpg)
Act
ion
Internet : principaux services Web & E-Mail
3W, WWW, World Wide Web, Web Bon démarrage Puissance d ’accès impressionnante Mais aussi participation illimitée
Connaître les techniques sous-jacentes
Action
![Page 6: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/6.jpg)
Arc
hite
ctur
e C
lien
t-S
erve
ur
Serveur : Machine & Démon Client : Machine cliente & Logiciel Client Dialogue :
Connexion (TCP/IP) Requête (description service) Réponse (résultat / erreur) Fin de la connexion
ServeurClient
Requête
Réponse
TCP/IP
![Page 7: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/7.jpg)
App
lica
tion
du
clie
nt-s
erve
ur a
u W
eb (
Nav
igat
.)
Application Client = NavigateurNetscape, Internet Explorer, Lynx, Opera, Mosaic...
Fonctionnalités communes & Plug-in, Langages
En local ou En réseau
Navig.
![Page 8: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/8.jpg)
App
lica
tion
du
clie
nt-s
erve
ur a
u W
eb (
HT
TP
D)
Protocole : (HyperText Transfer Protocol) Serveur : HTTPD (Démon HTTP) Pages Web Multi-connexion
Navig.
ServeurWeb
Navig.
Requête
Réponse
Pages Web
![Page 9: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/9.jpg)
Uni
form
Res
ourc
e L
ocat
or Repérer une page, une image… ? URL : Uniform/Universal Resource Locator Plusieurs types : forme complexe
Service Utilisateur Mot de passe Serveur Port Chemin
<Service>:[//][Nom][:Pass][@]<serveur>:<port>/<chemin>
![Page 10: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/10.jpg)
Uni
form
Res
ourc
e L
ocat
or :
Cas
du
Web
Cas du Web
<Protocole>://<serveur>:[port]/<chemin>
http://www.u-mars.fr/Actualites/index.html
https://192.54.152.134/listing/code.html
Minuscules & chiffres Séparateurs : / . # Séparateur particulier : ?
http://fr.search.yahoo.com/search/fr?p=vin
Problème de maintenance
![Page 11: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/11.jpg)
Hyp
erte
xte
et T
opol
ogie
du
Web
Hypertexte & Hypermédia texte, son, image, vidéo… dynamique & événementiel
Langage Utilisé : HTML Insertion de Liens utilisant URL
Topologie : Information distribuée même au sein d’une page Liens tous azimuts & Multiples chemins
Toile d ’araignée
![Page 12: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/12.jpg)
Hyp
erte
xte
et T
opol
ogie
du
Web
(de
ssin
)
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
ServeurWeb
Pages Web
Liens bidirectionnels Physiques InternetLiens unidirectionnels Logiques hypertexte
![Page 13: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/13.jpg)
Tec
hnol
ogie
s du
Web
: H
TT
P HyperText Transfer Protocol
Assurer le transfère des données hypermédia
Rappel le schéma de Dialogue Connexion (TCP/IP) (URL) Requête (description service) (HTTP & URL) Réponse (résultat / erreur) (HTTP) Fin de la connexion
GET cv.htmlContent-Type: text/htmlIf-Modified-Since: 31 Jul 1999 12:30:00From: Fabien Gandon <[email protected]>
![Page 14: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/14.jpg)
Tec
hnol
ogie
s du
Web
: H
TM
L (
text
e) HyperText Markup Language (2.0/3.2) Page Web = Fichier Texte = Portabilité
Balise : mot clef/commande désignant l ’effetexemple : B pour Bold (gras)
Table pour Tableau
Balise : zone d ’influence Balise ouvrante <Mot_clef> : début de zone Balise fermante </Mot_clef> : fin de zone
![Page 15: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/15.jpg)
Tec
hnol
ogie
s du
Web
: H
TM
L (
exem
ples
)
Exemple:
Je suis un étudiant de MASS première année
Code:
Je suis un <I>étudiant</I> de MASS première année
Attributs
Exemple:
petit <FONT SIZE+=2>grand</FONT> petit
Résultat:
petit grand petit
Balisage
![Page 16: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/16.jpg)
Tec
hnol
ogie
s du
Web
: H
TM
L (
lien
s) En particulier : les liens
Exemple:
Je suis un étudiant de MASS première année
Code:
Je suis un étudiant de <A HREF="http://www.unice.fr/">
MASS</A> première année
Rappel : problème de maintenance URL
![Page 17: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/17.jpg)
Tec
hnol
ogie
s du
Web
: H
TM
L (
min
imum
) Fichier Minimum
<HTML>
<HEAD>
<TITLE> Document bonjour </TITLE>
</HEAD>
<BODY>
Bonjour.
</BODY>
</HTML>
![Page 18: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/18.jpg)
Tec
hnol
ogie
s du
Web
: H
TM
L (
conc
lusi
on)
HTML Langage programmationJava, javascript, CGI,…
HTML Langage compiléInterprétation au vol du navigateur
Editeurs HTML Moins fastidieux Plus limité
![Page 19: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/19.jpg)
Dém
onst
rati
on
![Page 20: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/20.jpg)
Que
stio
ns
![Page 21: Le Téléphone Russe Rappel Réseaux Locaux TCP / IP Modem Model OSI Internet Connexion directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur](https://reader033.vdocuments.pub/reader033/viewer/2022051014/551d9d94497959293b8ca9c2/html5/thumbnails/21.jpg)
Cia
o