La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.

Présentations similaires


Présentation au sujet: "Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe."— Transcription de la présentation:

1

2 Le Téléphone Russe Le Téléphone Russe

3 Réseaux Locaux TCP / IP Modem Model OSI Rappel Internet Connexion
directe Fournisseur d'accès Modem Réseau Téléphonique Adaptateur Numérique Rappel Réseaux Locaux TCP / IP Modem Model OSI

4 Réseaux Locaux Internet Applications Le Web Transition Application
Présentation Session Transport Réseau Données Physique Emetteur Récepteur P S T N D Transition Réseaux Locaux Internet Applications Le Web

5 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 Action

6 Architecture Client-Serveur
Réponse Client Serveur TCP/IP Requête 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 Architecture Client-Serveur

7 Application du client-serveur au Web (Navigat.)
Application Client = Navigateur Netscape, Internet Explorer, Lynx, Opera, Mosaic... Fonctionnalités communes & Plug-in, Langages En local ou En réseau

8 Application du client-serveur au Web (HTTPD)
Navig. Serveur Web Requête Réponse Pages Web Application du client-serveur au Web (HTTPD) Protocole : (HyperText Transfer Protocol) Serveur : HTTPD (Démon HTTP) Pages Web Multi-connexion

9 Uniform Resource Locator
Repérer une page, une image… ? URL : Uniform/Universal Resource Locator Plusieurs types : forme complexe Service Utilisateur Mot de passe Serveur Port Chemin Uniform Resource Locator

10 Uniform Resource Locator : Cas du Web
<Protocole>://<serveur>:[port]/<chemin> https:// /listing/code.html Uniform Resource Locator : Cas du Web Minuscules & chiffres Séparateurs : / # Séparateur particulier : ? Problème de maintenance

11 Hypertexte et Topologie 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 Hypertexte et Topologie du Web

12 Hypertexte et Topologie du Web (dessin)
Serveur Web Pages Web Liens bidirectionnels Physiques Internet Liens unidirectionnels Logiques hypertexte Hypertexte et Topologie du Web (dessin)

13 Technologies du Web : HTTP
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 Technologies du Web : HTTP GET cv.html Content-Type: text/html If-Modified-Since: 31 Jul :30:00 From: Fabien Gandon

14 Technologies du Web : HTML (texte)
HyperText Markup Language (2.0/3.2) Page Web = Fichier Texte = Portabilité Balise : mot clef/commande désignant l ’effet exemple : 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 Technologies du Web : HTML (texte)

15 Technologies du Web : HTML (exemples)
Balisage Exemple: Je suis un étudiant de MASS première année Code: Je suis un <I>étudiant</I> de MASS première année Technologies du Web : HTML (exemples) Attributs Exemple: petit <FONT SIZE+=2>grand</FONT> petit Résultat: petit grand petit

16 Technologies du Web : HTML (liens)
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 Technologies du Web : HTML (liens) Rappel : problème de maintenance URL

17 Technologies du Web : HTML (minimum)
Fichier Minimum <HTML> <HEAD> <TITLE> Document bonjour </TITLE> </HEAD> <BODY> Bonjour. </BODY> </HTML> Technologies du Web : HTML (minimum)

18 Technologies du Web : HTML (conclusion)
HTML  Langage programmation Java, javascript, CGI,… HTML  Langage compilé Interprétation au vol du navigateur Editeurs HTML Moins fastidieux Plus limité Technologies du Web : HTML (conclusion)

19 Demo Démonstration

20 Questions ? Questions

21 Bon Week-End Ciao


Télécharger ppt "Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe."

Présentations similaires


Annonces Google