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

Slides:



Advertisements
Présentations similaires
Internet et le client- serveur Licence Pro IE Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques.
Advertisements

Conception de Site Webs dynamiques Cours 6
Conception de Site Webs Interactifs Cours 3
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Les réseaux et Internet : Fonctionnement et utilisation
Internet : serveurs Web
Présentation de l’Internet
Lexique Internet Ce lexique donne une brève définition des principaux termes utilisés sur Internet.
LE RÉSEAU INTERNET Apprendre à utiliser les services internet comme un outil de communication.
ACCES AUX RESSOURCES RESEAU INTERNET
Internet.
- Couche 7 - Couche application. Sommaire 1)Introduction 1)DNS 1)FTP et TFTP 1)HTTP 1)SNMP 1)SMTP 1)Telnet.
L’architecture .net et ASP.net
Exposé de Système - Informatique et Réseau
Université de Picardie
TRANSFER Alger – Présentation dInternet Nicolas Larrousse Septembre Introduction Pourquoi connecter des machines entre elles ? Quest ce quun réseau.
TRANSFER Alger – Serveur Web Nicolas Larrousse Septembre Petit historique du Worl Wide Web Notion dHypertexte Extension à internet par Tim Berners.
Internet : de sa naissance à nos jours
HTML Les types de balises
TP 3-4 BD21.
Révision Avant lintra – Architecture de lordinateur, les composants, le fonctionnement, codage – Système dexploitation: organisation des données (fichier),
Common Gateway Interface
2006/2007Denis Cabasson – Programmation Web Cours de programmation web ENSAE
Web traditionnel
Les réseaux informatiques
Comprendre l’environnement Web
Atelier Web Présentation dexplications les plus simples possibles sur les nouveaux outils « sociaux » dInternet. Vous serez amenés à les utiliser de plus.
Lycée Louis Vincent Séance 1
I. Pages web : notions de base 1. Internet, éléments de culture générale 2. Langages de balise, html.
Les relations clients - serveurs
Services fournis par le SI et technologies associées
1 PHP 1.Langage PHP 1.1. Types de base, variables et constantes 1.2. Opérateurs et expressions 1.3. Instructions 1.4. Fonctions 2.Accès aux bases de données:
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Olivier Nocent Programmation Web Olivier Nocent
Document élaboré à Centrale Paris par Pascal Morenton LES TECHNOLOGIES DU WEB 1. LES PHASES D UN DEPLOIEMENT DE RESEAUX 2. LE LANGAGE HTML 3. LE LANGAGE.
1 Micro Informatique au Cellier Joseph HOHN vidéogramme séance 3 du 29 février 2012 deuxième partie principe de fonctionnement de lInternet.
Initiation au web dynamique
Cours n° 1 Le langage HTML Prof. : E. BAKKI
PHP & My SQL.
Le Web, création utilisation  Le nuage  Préparer chez soi  Exister en ligne  Retrouver son groupe  Notions de base  Outils de publication  vivreensemble.net.
Internet et le client- serveur Licence Pro IE Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques.
Internet WEB.
LANGAGE HTML Le HTML (Hyper Text Markup Langage) est un langage universel utilisé sur le World Wide Web. Le HTML permet de : * Publier des documents sur.
1 F o r m a t i o n A R S World Wide Web (WWW). 2 F o r m a t i o n A R S Contributions m Création: Claude Gross (UREC) m Modifications: Bernard Tuy,
C. Draux – JP. Campcros Module doublants STT/STG
Les réseaux - Internet Historique Réseau local Internet Les protocoles
Cours de programmation web
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Mastère Professionnel Systèmes de Communication et Réseaux
Deug 11 Systèmes d ’Information : 4b Michel de Rougemont Université Paris II Protocoles Réseaux.
http 1.1.  connexion persistante Browser Mozilla Firefox Adresse ip.
Internet, le Web etc… Benjamin I. Levine Novembre 2002.
Campus-Booster ID : **XXXXX Copyright © SUPINFO. All rights reserved Le développement Web.
INTERNET heg eid Avril-juin 2001 A.Rezzonico.
Réalisé par : Berkani Nabila & Ibesaine Fatiha
Développement d’application Web.  Internet  WWW  Client/Serveur  HTTP.
INTERNET Le langage HTML
 Formulaires HTML : traiter les entrées utilisateur
I Je manipule les fichiers 1) Un fichier est identifié par un nom, une extension, une date de création ou de modification, et sa taille en octet. Windows.
Initiation au JavaScript
Internet et le Web Internet existe sans le web....
Séance /10/2005 CSS et Dreamweaver. CSS : principes Cascading Style Sheet = feuille de style en cascade Norme du W3C :
ORGANISATION DE L’ENSEIGNEMENT Informatique et Sciences du Numérique.
ORGANISATION DE L’ENSEIGNEMENT
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Introduction au HTML Qu’est ce que le HTML ?
CPI/BTS 2 Programmation Web Introduction au HTML Prog Web CPI/BTS2 – M. Dravet – 18/09/2003 Dernière modification: 18/09/2003.
APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.
Comprendre l’environnement Web
Transcription de la présentation:

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

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

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

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

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

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

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

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 <Service>:[//][Nom][:Pass][@]<serveur>:<port>/<chemin>

Uniform Resource Locator : Cas du Web http://www.u-mars.fr/Actualites/index.html <Protocole>://<serveur>:[port]/<chemin> https://192.54.152.134/listing/code.html Uniform Resource Locator : Cas du Web Minuscules & chiffres Séparateurs : / . # Séparateur particulier : ? http://fr.search.yahoo.com/search/fr?p=vin Problème de maintenance

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

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

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 1999 12:30:00 From: Fabien Gandon <Fabien.Gandon@sophia.inria.fr>

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)

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

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

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

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)

Demo Démonstration

Questions ? Questions

Bon Week-End Ciao