Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
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> 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=" 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
Présentations similaires
