Le World Wide Web. Introduction. Daniel Hagimont Laurent Broto. 13 mars 2011 IRIT/ENSEEIHT 1 / 34

Dimension: px
Commencer à balayer dès la page:

Download "Le World Wide Web. Introduction. Daniel Hagimont Laurent Broto. 13 mars 2011 IRIT/ENSEEIHT 1 / 34"

Transcription

1 Le World Wide Web Introduction Daniel Hagimont Laurent Broto IRIT/ENSEEIHT 13 mars / 34

2 Copyright (c) 2010 Daniel Hagimont & Laurent Broto. Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation ; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is included in the section entitled GNU Free Documentation License. 2 / 34

3 Historique Système d information hypermédia Né en 1989, par Tim Berners-Lee au CERN Concept de base universelle d information Accès aux bases d information Accessibles à tous et partout Liens entre les informations Informations sous différents formats (multimédia) 3 / 34

4 Principe Système client-serveur Trois aspects Désignation et localisation des documents (URI/URN/URL) Codage des documents (HTML, types MIME) Protocole de requête et transfert de documents (HTTP) 4 / 34

5 Langage HTML HTML : Hyper Text Markup Language Langage de description d information structurée portable Organisme de standardisation : WWW consortium HTML 4.01 : <balise attributs> contenu </balise> balise (tag), ex : <html> attributs : représente des options, ex : <table width= 60% > contenu : texte, images ou d autres balises </balise> : fin de la balise 5 / 34

6 Syntaxe (exemple) <HR> <IMG SRC= monimage. g i f WIDTH=100 HEIGHT=120> <H1>C e c i e s t un t i t r e</h1> <h2>c e c i e s t un sous t i t r e</h2> <A HREF= h t t p : / / h o s t / d i r / f i l e. html > l i e n</a> <! Commentaire > 6 / 34

7 Syntaxe XHTML XHTML est une transposition en syntaxe XML de HTML syntaxe plus rigoureuse, notamment : toute balise ouvrante doit être fermée (<img alt=... />) noms des balises et des attributs en minuscules elements HTML correctement imbriqués recommandé! 7 / 34

8 Principales balises <a> lien hypertexte attribut : <href> ou <name> <em> met en emphase une portion de texte <img> inclut une image dans le document, attributs : <alt> (texte alternatif) et <src> (chemin vers l image) <div> conteneur generique de type bloc <p> paragraphe de texte <table> ecriture d un tableau voir aussi <tr>, <td>, <th> <h1>, <h2>,... <h6> niveaux de titres <ol>, <ul> listes ordonnees ou a puces simples, chaque element (item) sera ecrit <li> <form> formulaire interactif 8 / 34

9 Structure d un document <!DOCTYPE html PUBLIC //W3C//DTD XHTML 1. 0 S t r i c t //EN h t t p : / / www. w3. org /TR/ xhtml1 /DTD/ xhtml1 s t r i c t. dtd > <html > <head > <! d e f i n i t i o n de l URL de r e f e r e n c e du document > <base h r e f= http : / / monserveur. mondomaine/ d i r /HTML. html /> <! co nt ien t des meta informations > <meta http equiv= Content Type content= text / html ; charset=utf 8 /> <meta name= author content= auteur /> <! d&e a c u t e ; f i n i t l e t i t r e du document : t i t r e de l a f e n e t r e /> <t i t l e>exemple de document</ t i t l e> </ head> <body> <h1>un t i t r e</h1> <d i v>un b l o c. <p>un paragraphe.</p> <p>un deuxi&egrave ; me paragraphe.</p> </ d i v > </ body > </ html > HTML : langage de description de contenu, pas de sa présentation 9 / 34

10 Mise en page CSS : Cascading Style Sheet Feuilles de style Correctement pris en charge depuis Documentations Valider son code HTML Valider son code CSS Tutoriels HTML CSS 10 / 34

11 Syntaxe /* les titres de types h1 seront en bleu et centres */ h1 { color: blue ; text-align: center; } /* on peut appliquer des proprietes a des classes d objet : ici seuls les paragraphes de classe note auront cette propriete */ p.note { font-family: Arial, sans-serif; font-style: italic; } /* les balises html peuvent aussi etre dotees d un attribut id qui doit alors etre unique dans la page */ p#menu { font-weight: bold; } /* ou encore */ #menu { font-weight: bold; } /* agir sur les ancres du paragraphe " menu " */ #menu a { text-decoration: none; /* default : underline */ } Dans l entête du document <head >... <s t y l e type= t e x t / c s s > h1 { c o l o r : b l u e ;} </ s t y l e>... </ head> Dans les balises <h1 s t y l e= c o l o r : b l u e ; > Titre de l a page</h1> Référence à une feuille externe <head>... <l i n k r e l= s t y l e s h e e t type= t e x t / c s s h r e f= s t y l e s. c s s />... </ head> 11 / 34

12 Le protocole HTTP HTTP : HyperText Transfer Protocol Modèle client-serveur pour le transfert des documents hypertextes Protocole utilisé par les serveurs Web depuis 1990 Protocole minimaliste basé sur TCP/IP et utilisant des messages sous forme de chaînes de caractères URL : Uniform ressource Locator method://machine[:port]/fichier[#ancre?param] method:file/ftp/http/telnet/news/mailto Transaction HTTP one-shot 12 / 34

13 Requête HTTP Méthode Method URL HTTP ver GET, HEAD, POST,... Destination Host : adresse électronique du client Descriptif If-Modified-Since : accès à la ressource si modification depuis Referer URL du lien ayant émis la requête User-Agent : information sur le client Accept : types MIME supportés par le client Content-Encoding : type de codage du corps de la requête Content-Length : taille du corps de la requête Content-Type : type MIME du corps de la requête... Fin En-tête CRLF ligne blanche Corps... surtout POST et PUT GET /chemin/vers/fichier.html HTTP/1.0 Host: enseeiht.fr:80 If-Modified-Since: Monday, 19-Jan-96 14:30:36 GMT User-Agent: Mozilla/2.0b6a (X11; I; OSF1 V3.2 alpha) 13 / 34

14 Les méthodes HTTP GET HEAD POST OPTIONS, CONNECT, TRACE PUT DELETE Pour récupérer une ressource Pour obtenir des informations sur une ressource Pour récupérer une ressource Pour interroger le serveur sur son état Pour ajouter ou remplacer une ressource Pour supprimer une ressource 14 / 34

15 Réponse HTTP Status HTTP-Version Status-Code Reason-Phrase En-tête Location : URL exacte de la ressource demandée Descriptif Server : informations sur le serveur Content-Encoding : type de codage du corps de la requête Content-Length : taille du corps de la requête Content-Type : type MIME du corps de la requête Date date de la génération de la réponse Expires date d expiration du document Last-Modified : dernière modification du document... Fin En-tête CRLF ligne blanche Document... contenu du document demandé 15 / 34 HTTP/ OK Date: Fri, 09 Jan :49:11 GMT Server: Apache/1.3b2 Last-Modified: Tue, 19 Aug :57:17 GMT Content-Length: 118+ Content-Type: text/html <html>...

16 Code de retour Classe 1 : information (pas utilisé) Classe 2 : succès 200 (OK), 201 (created), 204 (no content),... Classe 3 : redirection 301 (moved permanently), 304 (not modified),... Classe 4 : erreur client 400 (bad request), 401 (Unauthorized), 404 (not found),... Classe 5 : erreur serveur 500 (internal serveur error), 501 (not implemented), 503 (service unavailable), / 34

17 Cookies HTTP Limitations d HTTP Protocole sans mémoire Pas d identification simple du client Cookies Mécanisme de stockage d informations chez le client (pris en compte par le serveur à chaque accès) Exemples d utilisation : sauvegarde d option validité d accès à un serveur payant / 34

18 Cookies : création par le serveur Dans l en-tête HTTP Set-Cookie : Nom=Valeur ; expires=date ; path=chemin ; domain=nomdomaine ; secure Nom associe une valeur a une variable spécifique (obligatoire) expires date d échéance du cookie domain identification du cookie par rapport au serveur accédé (defaut : serveur HTTP) path association à un ensemble de ressources (fichiers) secure utilisation d une connexion sécurisée (HTTPS) 18 / 34

19 Cookies : gestion par le client A réception d une réponse Mémorise les cookies qu il reçoit A émission d une requête Recherche parmi les cookies mémorisés ceux s appliquant au couple serveur/url Ajoute dans la requête une ligne par paire nom/valeur A noter Plusieurs directives Set-cookie insérables par le serveur Nombre et taille des cookies limités Effacement d un cookie possible en précisant pour expires une date périmée Un cookie sans date expire à la mort du navigateur 19 / 34

20 Exemple Requête - Client GET /chemin/vers/fichier.html HTTP/1.0 Réponse - Serveur HTTP/ OK Date: Tue, 07 Aug :36:13 GMT Server: Apache-AdvancedExtranetServer/ Set-Cookie: id=0xa11111; expires=friday, 10-March-09 00:00:00 GMT; path=/ Content-Type: text/html <HTML>... Nouvelle requête - Client GET /chemin/vers/fichier.html HTTP/1.0 Cookie: id=0xa11111; 20 / 34

21 Formulaires et CGI Limitations Requête limitée à la demande de ressources statiques Besoin d exécuter une application sur le serveur HTTP Besoin de fournir des données Solution Formulaires HTML pour la saisie Scripts CGI pour l exécution 21 / 34

22 Formulaires HTML Ecriture d un formulaire <form a c t i o n= u r l method= methode >... </ form> url : identifie le programme utilisé pour traiter le formulaire methode : méthode à utiliser pour transmettre l information au serveur GET : données ajoutées à l URL POST : données envoyées dans le corps du message 22 / 34

23 Eléments de formulaires Eléments INPUT <i n p u t type= t y p e name= nom s i z e= s i z e maxlength= max checked= checked v a l u e= v a l /> Différents types possibles TEXT Champ de saisie de texte PASSWORD Champ de saisie de texte caché SUBMIT Bouton de soumission du formulaire CHECKBOX Bouton à cocher RADIO Bouton à cocher de type radio HIDDEN Champ invisible On envoie dans la requête nom=val 23 / 34

24 Eléments de formulaires Eléments SELECT <s e l e c t name= nom s i z e= m u l t i p l e= > <o p t i o n>p r e m i e r e o p t i o n</ o p t i o n> <o p t i o n s e l e c t e d= s e l e c t e d > Deuxieme o p t i o n</ o p t i o n>... </ s e l e c t> Elément TEXTAREA <t e x t a r e a name= nom rows= n b L i g n e s c o l s= nbcolonnes > t e x t e par d e f a u t </ t e x t a r e a> 24 / 34

25 Exemple <html> <head>< t i t l e>mabanque</ t i t l e></ head> <body> <form method= p o s t a c t i o n= / s e r v l e t / BanqueAccount > <p>numero de compte<i n p u t type= t e x t name= num > </p> <p>montant<i n p u t type= t e x t name= v a l ></p> <p><i n p u t type= submit name= o p e r a t i o n v a l u e= s o l d e > <i n p u t type= submit name= o p e r a t i o n v a l u e= d e b i t > <i n p u t type= submit name= o p e r a t i o n v a l u e= c r e d i t > </p> </ form> </ body> </ html> 25 / 34

26 Exemple - résultat 26 / 34

27 Scripts CGI Programme générant un contenu en réponse à une requête Programmé dans n importe quel langage Perl, C, C++, Java, shell,... Placé dans un répertoire particulier du serveur Web (cgi-bin) Envoie le contenu sur STDOUT Doit envoyer entête (type mime) + contenu Pour HTML : content-type : text/html 27 / 34

28 Serveur web dynamique - CGI 28 / 34

29 Requête à un CGI Envoi de paramètres champ1=valeur1&champ2=valeur2... Les requêtes GET et POST GET : paramètres inclus dans l URL Limitation à 255 catactères, visible,... POST : paramètres inclus dans le corps de la requête HTTP Utilisation de formulaires (pour interactions) Réception des paramètres GET : variable d environnement QUERY STRING POST : STDIN, et variable d environnement CONTENT LENGTH 29 / 34

30 Exemple GET - Serveur #! / b i n / bash f u n c t i o n e x t r a c t p a r a m e t e r ( ) { echo you s u b m i t t e d t h e f o l l o w i n g key v a l u e p a i r s <br> s t r=$1 w h i l e [ $ s t r!= ] ; do echo echo $ s t r c u t f 1 d & <br> s t r = echo $ s t r c u t s f2 d & done } echo Content Type : t e x t / html echo e x t r a c t p a r a m e t e r $QUERY STRING echo 30 / 34

31 Exemple GET - Client telnet localhost 80 Trying ::1... Connected to localhost. Escape character is ^]. GET /cgi-bin/test-cours?nom=toto&prenom=titi HTTP/1.0 Host: localhost HTTP/ OK Date: Thu, 30 Sep :10:01 GMT Server: Apache/ (Debian) Vary: Accept-Encoding Connection: close Content-Type: text/html you submitted the following key-value pairs <br> - nom=toto <br> - prenom=titi <br> Connection closed by foreign host. 31 / 34

32 Exemple POST - Serveur #! / b i n / bash f u n c t i o n e x t r a c t p a r a m e t e r ( ) { echo you s u b m i t t e d t h e f o l l o w i n g key v a l u e p a i r s <br> s t r=$1 w h i l e [ $ s t r!= ] ; do echo echo $ s t r c u t f 1 d & <br> s t r = echo $ s t r c u t s f2 d & done } echo Content Type : t e x t / html echo read QUERY STRING e x t r a c t p a r a m e t e r $QUERY STRING echo 32 / 34

33 Exemple POST - Client telnet localhost 80 Connected to localhost. Escape character is ^]. POST /cgi-bin/test-cours? HTTP/1.0 Host: localhost Content-length: 20 nom=toto&prenom=titi HTTP/ OK Date: Thu, 30 Sep :17:41 GMT Server: Apache/ (Debian) Vary: Accept-Encoding Connection: close Content-Type: text/html you submitted the following key-value pairs <br> - nom=toto <br> - prenom=titi <br> Connection closed by foreign host. 33 / 34

34 Conclusion Initialement Web statique Principalement des serveurs de page HTML accédés par HTTP Evolution vers des sites dynamiques Formulaires HTML pour saisie Scripts CGI pour génération dynamique de pages Souvent il faut accéder à une BD Programmation fastidieuse 34 / 34

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

Le Web. Présentation du langage HTML et du protocole HTTP

Le Web. Présentation du langage HTML et du protocole HTTP Le Web Présentation du langage HTML et du protocole HTTP Une petite histoire du web 1989 1ère note relative au web «hypertexte et le CERN» au sujet du World Wide Web. 1991 premier serveur web sur l Internet,

Plus en détail

Cours Web : Introduction

Cours Web : Introduction Cours Web : Introduction Catherine Letondal letondal@pasteur.fr Institut Pasteur Cours Web IEB 2005 p.1/?? Pourquoi un cours Web? le Web : c est stratégique en biologie c est un bon exemple de système

Plus en détail

A6 - HTTP ESIROI 2014-2015

A6 - HTTP ESIROI 2014-2015 A6 - HTTP ESIROI 2014-2015 HTTP HyperText Transfer Protocol Protocole synchrone 3 version : HTTP/0.9 (obsolète) HTTP/1.0 (rare) HTTP/1.1 HTTP - fonctionnement Requête Réponse Icones : http://www.visualpharm.com/

Plus en détail

L3 informatique TP n o 2 : Les applications réseau

L3 informatique TP n o 2 : Les applications réseau L3 informatique TP n o 2 : Les applications réseau Sovanna Tan Septembre 2009 1/20 Sovanna Tan L3 informatique TP n o 2 : Les applications réseau Plan 1 Transfert de fichiers 2 Le Courrier électronique

Plus en détail

Service Web. Cours de Réseaux. Tuyêt Trâm DANG NGOC 2012-2013. Université de Cergy-Pontoise. Tuyêt Trâm DANG NGOC Service Web 1 / 12

Service Web. Cours de Réseaux. Tuyêt Trâm DANG NGOC 2012-2013. Université de Cergy-Pontoise. <dntt@u-cergy.fr> Tuyêt Trâm DANG NGOC Service Web 1 / 12 Service Web Cours de Réseaux Tuyêt Trâm DANG NGOC Université de Cergy-Pontoise 2012-2013 Tuyêt Trâm DANG NGOC Service Web 1 / 12 Plan 1 Le Web 2 HTTP 3 FTP 4 URL Tuyêt Trâm DANG NGOC

Plus en détail

Le protocole HTTP. Sources. Caractéristiques de HTTP. Objectifs. Une transaction typique (2) Une transaction typique (1)

Le protocole HTTP. Sources. Caractéristiques de HTTP. Objectifs. Une transaction typique (2) Une transaction typique (1) Sources Le protocole Supports de cours de Olivier Glück (Lyon 1) Livres cités en bibliographie Le web Sylvain Brandel Sylvain.brandel@liris.univ-lyon1.fr http://bat710.univ-lyon1.fr/~sbrandel M1 Informatique

Plus en détail

Programmation Web. Thierry Hamon

Programmation Web. Thierry Hamon 1/27 Programmation Web Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017 Bobigny

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 2 Applications Web Dynamiques Auteurs: Raphaël Fournier-S niehotta et Philippe Rigaux (philippe.rigaux@cnam.fr,fournier@cnam.fr) Département d informatique Conservatoire

Plus en détail

Programmation du Web : Présentation du protocole HTTP

Programmation du Web : Présentation du protocole HTTP Programmation du Web : Présentation du protocole HTTP Jean-Baptiste Vioix (jean-baptiste.vioix@iut-dijon.u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-14 Présentation générale Le

Plus en détail

Bases de données et Sites Web. Li345

Bases de données et Sites Web. Li345 Bases de données et Sites Web. Li345 Remerciements à: Stéphane Gançarski et Philippe Rigaux. Ces transparents sont fortement inspirés du très bon livre : Pratique de MySQL et PHP, troisième édition Philippe

Plus en détail

Langages du Web. Que savez vous???

Langages du Web. Que savez vous??? Langages du Web Que savez vous??? Le WEB World Wide Web ouwww ouweb Toile d'araignée mondiale ou la toile Le Web utilise le réseau Internet pour relier des serveurs qui, grâce aux protocoles HTTP, HTTPS,

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Moteurs de recherche et formulaires HTML Jean-Michel FOLLIN jmfollin@univ-lr.fr

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

(structure des entêtes)

(structure des entêtes) Aide mémoire HTTP (structure des entêtes) Fabrice HARROUET École Nationale d Ingénieurs de Brest http://www.enib.fr/~harrouet/ enib 1/10 Structure générale d une requête Requête HTTP méthode ressource

Plus en détail

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

Application distribuée via HTTP Mise en œuvre minimale...

Application distribuée via HTTP Mise en œuvre minimale... Module RX : distrib/http Application distribuée via HTTP Mise en œuvre minimale... Problème de la distribution Fabrice Harrouet École Nationale d Ingénieurs de Brest harrouet@enib.fr http://www.enib.fr/~harrouet/

Plus en détail

Application Web et J2EE

Application Web et J2EE Application Web et J2EE Servlet, JSP, Persistence, Méthodologie Pierre Gambarotto Département Informatique et Math appli ENSEEIHT Plan Introduction 1 Introduction Objectfis

Plus en détail

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

INSA - ASI TechnoWeb : Serveur Web et protocole HTTP 1/40. Technologie Web. Serveur Web et protocole HTTP. Alexandre Pauchet

INSA - ASI TechnoWeb : Serveur Web et protocole HTTP 1/40. Technologie Web. Serveur Web et protocole HTTP. Alexandre Pauchet INSA - ASI TechnoWeb : Serveur Web et protocole HTTP 1/40 Technologie Web Serveur Web et protocole HTTP Alexandre Pauchet INSA Rouen - Département ASI BO.B.RC.18, pauchet@insa-rouen.fr INSA - ASI TechnoWeb

Plus en détail

Pages WWW interactives et CGI

Pages WWW interactives et CGI Pages WWW interactives et CGI cgi-intro Pages WWW interactives et CGI Code: cgi-intro Originaux url: http://tecfa.unige.ch/guides/tie/html/cgi-intro/cgi-intro.html url: http://tecfa.unige.ch/guides/tie/pdf/files/cgi-intro.pdf

Plus en détail

Gilles.Roussel univ-mlv.fr HTTP/1.1 RFC 2068

Gilles.Roussel univ-mlv.fr HTTP/1.1 RFC 2068 HTTP/1.1 RFC 2068 1 Caractéristiques Niveau application Sans état Tout transfert de données Au dessus du protocole TCP Largement utilisé dans le World Wide Web Utilise les normes : URI (Uniform Resource

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

DESS TEXTE. Outils informatiques 5. HTML et le protocole HTTP p.1

DESS TEXTE. Outils informatiques 5. HTML et le protocole HTTP p.1 Outils informatiques 5. HTML et le protocole HTTP DESS TEXTE Outils informatiques 5. HTML et le protocole HTTP p.1 Introduction But du cours : récupérer automatiquement des données accessibles sur le web

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

Programmation Internet Cours 4

Programmation Internet Cours 4 Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

Plus en détail

Serveurs de noms Protocoles HTTP et FTP

Serveurs de noms Protocoles HTTP et FTP Nils Schaefer Théorie des réseaux (EC3a) Serveurs de noms Protocoles HTTP et FTP Théorie des réseaux (EC3a) Séance 7 Pourquoi DNS? Internet est une structure hiérarchique et arborescente de réseaux et

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information

Plus en détail

Protocoles Applicatifs

Protocoles Applicatifs Programmation Réseau Protocoles Applicatifs Jean-Baptiste.Yunes@liafa.jussieu.fr UFR Informatique 2011-2012 Protocoles Protocoles applicatifs on appelle protocole applicatif ou protocole d application

Plus en détail

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet Création de sites web INF0326 Outils bureautiques, logiciels et Internet Plan Création de pages web HTML et CSS Création de sites web avec WordPress Créer des pages web Partie 1 Système hypertexte Un système

Plus en détail

Java et Objet. Amélie Lambert 2014-2015. Amélie Lambert 2014-2015 1 / 42

Java et Objet. Amélie Lambert 2014-2015. Amélie Lambert 2014-2015 1 / 42 Java et Objet Amélie Lambert 2014-2015 Amélie Lambert 2014-2015 1 / 42 Chapitre 8 Développement d applications Web Amélie Lambert 2014-2015 2 / 42 Plan du cours Typologie des applications Web Architecture

Plus en détail

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs Introduction aux langages à balises Introduction à (X)HTML / CSS Introduction à la gestion

Plus en détail

Introduction. Rappel : conception, interrogation et mise à jour d une base de données

Introduction. Rappel : conception, interrogation et mise à jour d une base de données Introduction Rappel : conception, interrogation et mise à jour d une base de données De nombreux sites Web ont une (ou plusieurs) BD pour gérer leur données 2/51 Pages Web statiques L utilisateurice demande

Plus en détail

Introduction à HTML et CSS

Introduction à HTML et CSS ENS de Cachan Introduction à HTML et CSS Françoise Tort Chargement d'une page Web h"p://site.chemin./page.html navigateur requête.html.css.jpg.mp3 serveur web fichiers Le navigateur web traduit les pages,

Plus en détail

HTTP HTTP. IUT1 dpt SRC L Isle d Abeau Jean-françois Berdjugin. Introduction et architecture Messages Authentification Conclusion

HTTP HTTP. IUT1 dpt SRC L Isle d Abeau Jean-françois Berdjugin. Introduction et architecture Messages Authentification Conclusion HTTP IUT1 dpt SRC L Isle d Abeau Jean-françois Berdjugin HTTP Introduction et architecture Messages Authentification Conclusion 1 HTTP Introduction et architecture Hypertext Transfert Protocol URI (Uniform

Plus en détail

Programmation d applications pour le Web

Programmation d applications pour le Web Programmation d applications pour le Web Cours 2 ème année ING ISI-Tunis Elaboré par: Hela LIMAM Chapitre 1 Architectures et applications du Web Année universitaire 2011/2012 Semestre 2 1 Plan Internet,

Plus en détail

Installer le socle java version 2

Installer le socle java version 2 Installer le socle java version 2 Version : 1.5.0 Date : 10.mars 2009 Auteur : Monique Hug Le présent document est téléchargeable à l adresse suivante : http://adullact.net/docman/index.php?group_id=554&selected_doc_group_id=1025&language_id=7

Plus en détail

Développement Partie Cliente

Développement Partie Cliente ISI 1022 : Jean-Noël Sorenti. Année 2002/2003 Développement Partie Cliente ISI 1022 : 1 ISI 1022 : Développement Partie Cliente Le développement partie cliente concerne tout développement étant interprété

Plus en détail

Architecture client/serveur

Architecture client/serveur Architecture client/serveur Table des matières 1. Principe du client/serveur...2 2. Communication client/serveur...3 2.1. Avantages...3 2.2. Inconvénients...3 3. HTTP (HyperText Transfer Protocol)...3

Plus en détail

Le protocole HTTP. Olivier Aubert 1/40

Le protocole HTTP. Olivier Aubert 1/40 Le protocole HTTP Olivier Aubert 1/40 Liens http://www.jmarshall.com/easy/http/ Références : RFC1945 (HTTP1.0), RFC2616 (HTTP1.1), RFC822 (format des entêtes), RFC2396 (syntaxe des URL), RFC1521 (types

Plus en détail

IUT Montpellier - Architecture (DU)

IUT Montpellier - Architecture (DU) IUT Montpellier - Architecture (DU) V. Poupet Cours n o 5 : Hypertext Transfer Protocol (HTTP) 1 Le protocole HTTP Lorsqu un utilisateur (client) veut obtenir une page web, il s adresse à un serveur web.

Plus en détail

Cours de programmation web

Cours de programmation web Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

Introduction au World Wide Web

Introduction au World Wide Web Introduction au World Wide Web Olivier Dalle Université de Nice - Sophia Antipolis http://deptinfo.unice.fr/ D après le cours original de Sacha Krakowiak Université Joseph Fourier Projet Sardes (INRIA

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

Cross-Site Request Forgery (CSRF)

Cross-Site Request Forgery (CSRF) TIW4-TP1 CSRF 1 Cross-Site Request Forgery (CSRF) Copyright c 2006-2010 Wenliang Du, Syracuse University. The development of this document is funded by the National Science Foundation s Course, Curriculum,

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

TD : Protocoles applicatifs DNS, SMTP, HTTP

TD : Protocoles applicatifs DNS, SMTP, HTTP TD : Protocoles applicatifs DNS, SMTP, HTTP 1 Domain Name System (DNS) 1.1 Structure On considère l arbre de noms ci-dessous. Les noms entre parenthèses sont les serveurs DNS ayant autorité sur ces parties

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

Langages et technologies du Web 1

Langages et technologies du Web 1 Langages et technologies du Web 1 Manuel ATENCIA manuel.atencia-arcas@upmf-grenoble.fr Objectifs Comprendre le fonctionnement du World Wide Web Produire des documents web statiques et dynamiques 1 2 vocabulaire

Plus en détail

Questions à choix multiples Page 1 de 10

Questions à choix multiples Page 1 de 10 INF2005 Programmation web Examen intra hiver 2015 Question #1 Qui a gagné la guerre des fureteurs dans les années 1990? a) Netscape b) Internet Explorer c) Firefox d) Chrome e) Opera f) Mosaic g) Aucune

Plus en détail

Formation dev web de base

Formation dev web de base Formation dev web de base Le Web n est pas internet HTTP Hypertext Transfer Protocol Le client envoie une requête au serveur. Le serveur répond avec un code status et un contenu Le navigateur reçoit la

Plus en détail

World Wide Web (WWW) cours@urec.cnrs.fr

World Wide Web (WWW) cours@urec.cnrs.fr World Wide Web (WWW) cours@urec.cnrs.fr Contributions Création: Claude Gross Modifications: Bernard Tuy, J.P Gauthier Objectifs du Web Aboutissement d un projet du CERN en Mars 1989. Espace d'information

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Qui suis-je? Guillaume Gautreau Responsable projets Systèmes d information à l ENPC guillaume@ghusse.com http://www.ghusse.com Ces 6 jours de formation Jour 1 : présentations,

Plus en détail

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas...

Introduction. Introduction et HTML. A l issue de ce module vous devriez... Ce cours n est pas... Introduction et HTML Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Introduction Objectifs : Présentation des bases de la création de documents web par la découverte des

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

ARCHITECTURE REST & WEB SERVICES. Exposé Informatique & Réseaux CHAMBON Florian 14 janvier 2014

ARCHITECTURE REST & WEB SERVICES. Exposé Informatique & Réseaux CHAMBON Florian 14 janvier 2014 ARCHITECTURE REST & WEB SERVICES Exposé Informatique & Réseaux CHAMBON Florian 14 janvier 2014 1 Introduction Présentation de Rest Serveur Java JAX-RS Démonstration 2 Introduction Présentation de Rest

Plus en détail

NFA016 : Les formulaires. Les formulaires. Les formulaires (exemple)

NFA016 : Les formulaires. Les formulaires. Les formulaires (exemple) O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Les balises: NFA016 : Les formulaires Les formulaires form : début de formulaire input : différents types de bouton et zone de saisie textarea

Plus en détail

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

Plan. Environnement Client/Serveur. Cours 7 JavaServer Pages (1) JSP. Programmation Web coté serveur

Plan. Environnement Client/Serveur. Cours 7 JavaServer Pages (1) JSP. Programmation Web coté serveur Plan Environnement Client/Serveur Cours 7 JavaServer Pages (1) kn@lri.fr 7.1 Principe 7.2 Rappels HTTP 7.3 Le serveur web Tomcat Programmation Web coté serveur JSP 2/28 (rappel) génération de pages-web

Plus en détail

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour.

Un code simplifié, plus léger, moins bavard. Il est plus facile à manipuler et à mettre à jour. XHTML : introduction 1. Présentation et historique Le HTML à l origine est un langage simple destiné à la présentation des documents hypermédias. Toutefois au fil des ans, il s est avéré que le HTML ne

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

Plus en détail

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer

Plus en détail

IUT d Orléans. Département Informatique. Année 2015-2016. Dévelopement Web Licence Professionnelle Web et Mobile

IUT d Orléans. Département Informatique. Année 2015-2016. Dévelopement Web Licence Professionnelle Web et Mobile IUT d Orléans. Département Informatique. Année 2015-2016 Dévelopement Web Licence Professionnelle Web et Mobile TD-TP Serveurs Web, HTTP et autres protocoles - Formulaires HTML5 - PHP 1 Exercice 1 Le protocole

Plus en détail

INF8007 Langages de script

INF8007 Langages de script INF8007 Langages de script Sockets et serveur 1/18 INF8007 Langages de script Sockets et serveur Michel Desmarais Génie informatique et génie logiciel École Polytechnique de Montréal Hiver, 2014 INF8007

Plus en détail

Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test?

Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test? Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC Qui contacter pour commencer la mise en place d une configuration de test? CyberMUT Paiement - Paiement CIC Commerce Electronique mailto:centrecom@e-i.com

Plus en détail

Cours Web nº1. P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009. Introduction au World Wide Web et à XHTML. Internet et le Web

Cours Web nº1. P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009. Introduction au World Wide Web et à XHTML. Internet et le Web Internet et le Web Cours Web nº1 Introduction au World Wide Web et à XHTML P. Yger (pierre.yger@unic.cnrs-gif.fr) 14 et 18 septembre 2009 P. Yger (IFIPS) Web et XHTML 14-18 Sep 2009 1 / 37 Internet et

Plus en détail

Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech

Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web

Plus en détail

Architecture client-serveur

Architecture client-serveur Architecture client-serveur Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs du cours Rappels sur les ordinateurs réseau et Internet. Communication entre programmes et entre machines.

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

LES SCRIPTS CGI. Présentation Mise en œuvre La programmation Les variables d environnement

LES SCRIPTS CGI. Présentation Mise en œuvre La programmation Les variables d environnement LES SCRIPTS CGI Présentation Mise en œuvre La programmation Les variables d environnement LES SCRIPTS CGI Présentation Mise en œuvre La programmation Les variables d environnement OBJECTIFS Historiquement,

Plus en détail

Formation PHP débutant

Formation PHP débutant Formation PHP débutant Table des matières 1 Le principe de PHP 3 1.1 Langage côté serveur.................................. 3 1.2 Pour travailler..................................... 3 1.3 Langage de pré-processing...............................

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP

Introduction à PHP. Formulaires HTML et PHP, interactions avec le client. monnerat@u-pec.fr. 6 avril 2015. IUT de Fontainebleau. Introduction à PHP Formulaires HTML et PHP, interactions avec le client IUT de Fontainebleau 6 avril 2015 1 Formlaire et traitement 2 Texte Cases à cocher Listes Upload de fichiers Sommaire Formlaire et traitement 1 Formlaire

Plus en détail

Le langage php. Serveur http est automatiquement lancé.

Le langage php. Serveur http est automatiquement lancé. Le langage php 1. Introduction aux langages serveurs : Il y a deux modes d exécution d une page HTML : Local : en cliquant sur le fichier, le navigateur Serveur http est automatiquement lancé. Navigateur

Plus en détail

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP.

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. TP5: LES FORMULAIRES OBJECTIFS : 1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. PARTIE 1: Formulaire

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

NFA016 : Les protocoles. Notion de protocole. Modèle OSI

NFA016 : Les protocoles. Notion de protocole. Modèle OSI NFA016 : Les protocoles O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Notion de protocole Un réseau: ensemble de machines reliées entre elles. Communiquer: Parler "la même langue". Protocole

Plus en détail

Systèmes et Réseaux UE 444

Systèmes et Réseaux UE 444 Systèmes et Réseaux UE 444 Partie 4 Services et Applications de l Internet Part 4 Contenu du module R2 Introduction des réseaux de communication Supports et circuit de données Liaison de données Mécanismes

Plus en détail

CREATION d UN SITE WEB (INTRODUCTION)

CREATION d UN SITE WEB (INTRODUCTION) CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour

Plus en détail

Définitions. CSS Cascading Style Sheets Feuilles de style en cascade. FTP File Transfer Protocol Protocole de transfert de fichiers

Définitions. CSS Cascading Style Sheets Feuilles de style en cascade. FTP File Transfer Protocol Protocole de transfert de fichiers Introduction Ma première page Web (2/2) Ce document est l'étape 2 d'un didacticiel qui a pour but de donner un aperçu de la création d'une page Web. Une ou deux pages seront créées et présenteront leur

Plus en détail

Initiation à Dreamweaver

Initiation à Dreamweaver Benjamin Godefroy Redouane Zarghoune Initiation à Dreamweaver SI28 Ecriture interactive et multimédia Automne 2004 Organisation du TD Préambule : Introduction au HTML Présentation de Dreamweaver Exercices

Plus en détail

World-Wide Web et les formulaires électroniques, les images réactives

World-Wide Web et les formulaires électroniques, les images réactives World-Wide Web et les formulaires électroniques, les images réactives francois.dagorn@univ-rennes1.fr octobre 1995 1 Introduction Les clients WWW sont en général utilisés pour accéder à des documents diffusés

Plus en détail

OpenOffice.org 3.0.1

OpenOffice.org 3.0.1 GET A.S.C.T OpenOffice.org 3.0.1 Installer, optimiser, personnaliser OpenOffice.org Télécharger et installer OpenOffice Extensions pour OpenOffice Optimiser et utiliser OpenOffice Information : vous êtes

Plus en détail

Système UNIX et Langages de scripts

Système UNIX et Langages de scripts Système UNIX et Langages de scripts Projet Les deux sujets sont à faire, en binôme! 1 Bash : Gestion d une bibliothèque numérique L objectif est de gérer une bibliothèque numérique (un ensemble de livres

Plus en détail

PHP. Olivier Aubert 1/24

PHP. Olivier Aubert 1/24 PHP Olivier Aubert 1/24 Introduction PHP = Hypertext PreProcessor Site officiel : http://www.php.net Créé en 1994 par Rasmus Lerdorf (Personal Home Page Tool) 1995 : ajout de la gestion des formulaires

Plus en détail

Cours #8 Introduction à HTML

Cours #8 Introduction à HTML IFT-6800, Automne 2015 Cours #8 Introduction à HTML Louis Salvail André-Aisenstadt, #3369 salvail@iro.umontreal.ca Accès aux ressources d internet À partir du moment où plusieurs ordinateurs sont interconnectés,

Plus en détail

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie Cours Web Formulaires Lionel Seinturier Université Pierre & Marie Curie Lionel.Seinturier@lip6.fr 8/9/03 Formulaires HTML 1.0 essentiellement "mono"-directionnel informations fournies par le serveur (suite

Plus en détail

1969 : Arpanet voit le jour en pleine guerre froide. Projet du Département de la

1969 : Arpanet voit le jour en pleine guerre froide. Projet du Département de la historique internet Arpanet Advanced Research Projects Agency Network 1969 : Arpanet voit le jour en pleine guerre froide. Projet du Département de la Défense des Etats-Unis pour assurer la transmission

Plus en détail

Mexico. Appliqué à l environnement VLE. Groupe Record/VLE (1)(2)(3)

Mexico. Appliqué à l environnement VLE. Groupe Record/VLE (1)(2)(3) Mexico Appliqué à l environnement VLE Groupe Record/VLE (1)(2)(3) 1 Laboratoire d Informatique du Littoral - ULCO 2 Institut National de la Recherche Agronomique - Départements MIA/EA 3 Centre de coopération

Plus en détail

Architecture client-serveur

Architecture client-serveur Architecture client-serveur Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 2007-2008 Master SIB M1 UE 3 / Bloc 4 Cours 3 Objectifs du cours Rappels sur les ordinateurs réseau et Internet.

Plus en détail

Protocoles «Application»

Protocoles «Application» Protocoles «Application» Introduction POP3 FTP 07/04/2006 Applications TCP/IP 1 Architecture client/serveur Client WEB (http) TCP IP 2 1 2052 Exemples : Internet Explorer, Mozilla, 80 Serveur WEB (http)

Plus en détail