Internet et le web : qu'estce que c'est

1
Internet et le web qu'est-ce que c'est ?

• Carole Giansily
• GESIST module 5 Internet,TIC et IST

2
Historique du réseau

• Réseau tuyautransmission de données
• Lancêtre ARPANET
• 1960
• USA (réseau militaire)
• milieu scientifique BIONET, EARN

3
Arrivée dInternet

• 1985
• Protocole TCP/IP Transport Control Protocol /
  Internet Protocol
• Commandes de base (protocoles) mail (smtp),
  transfert de fichiers (ftp), newsgroup (nntp),
  telnet
• le  réseau des réseaux 

4
Naissance du Web

• 1990-91 (CERN)
• Protocole http HyperText Transfert Protocolgt
  voir Serveur/Client

5
Serveur / Client

• Serveur Web héberge les sites web, stockage des
  pages web
• ? Requête ? Réponse HTTP  messager  qui
  transfère linformation des pages web
• client Web votre PC, servi par le serveur web,
  numéro IP unique
• ? Navigateur logiciel client visualisation
  des pages web

6
Les adresses Internet

• Numéro IP (Internet Protocol)
• numéro unique
• exemple 192.93.47.18

7
Les adresses Internet 2

• Nom de domaine
• fr, uk, it, es, ca, ml, org, com, mil, edu
• inra.fr ensam.inra.fr
• URL (Uniform Resource Locator)
• http//www.ensam.inra.fr
• http//www.agropolis.fr/documentation/
• meleze.ensam.inra.fr www.ensam.inra.fr
  Carole.Giansily_at_ensam.inra.fr
  giansily_at_ensam.inra.fr

8
Le World Wide Web

• WWW W3 Web  la Toile 
• HTTP HyperText Transfert Protocol
• Texte, images, sons, vidéo,
• Hypertexte liens dans et entre les pages

9
Le HTML

• HTML  langage du web 
• code source
• éditeurs de pages web,éditeurs de code
• version HTML 4
• Consortium W3C http//www.w3c.org

10
Formats des pages

• html, htm, shtml, xtml, xml, etc
• page daccueil index.html de www.ensam.inra.fr/in
  dex.html
• bookmark.htm
• www.agropolis.fr/ist/gesist/module5.html

11
Structure des pages

• ce texte est en caractères normaux
• ltBgtce même texte entouré des balises B est en
  caractères graslt/Bgt
• ltIgtce même texte entouré des balises I est en
  italiquelt/Igt

12
Principales balises dune page HTML

• ltHTMLgtlt/HTMLgtltHEADgtlt/HEADgt ltBODYgtlt/BODYgtltTITLEgtlt
  /TITLEgt ltMETAgtlt/METAgt ltSCRIPTgtlt/SCRIPTgtltBgtlt/Bgt lt
  Igtlt/IgtltPgt ltBRgtltTABLEgtlt/TABLEgt ltTRgtlt/TRgt ltTDgtlt/
  TDgtltULgtlt/ULgt ltLIgtlt/LIgt ltDIVgtlt/DIVgtltA
  HREFgtlt/Agt ltA NAMEgtlt/Agt ltIMG SRCgt

13
Le code sourcedune page HTML

• exemple de la pagehttp//www.agropolis.fr/ist/gu
  ide/comment_chercher/internet/chercher_internet.ht
  ml

14
Analyse du source 2

• lt!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
  Transitional//EN"gtltHTMLgtltHEADgtltTITLEgtInternet
  (Comment chercher l'information ) - guide FRI
  free Formation a la Recherche d'Information -
  commission IST Agropolislt/TITLEgtltMETA
  content"text/html charsetiso-8859-1"
  http-equivContent-TypegtltMETA content"Fri, Jun
  30 1997 082000 GMT" http-equivExpiresgtltMETA
  contentno-cache http-equivPragmagtltMETA
  contentno-cache http-equivCache-Controlgt

15
Analyse du source 3

• ltMETA content"(LANGfr) guide, formation,
  information scientifique et technique, recherche
  d'information, documentation, bibliotheque,
  commission IST Agropolis, Montpellier,
  Languedoc-Roussillon, France, Europe"
  namekeywordsgtltMETA content"(LANGfr)Guide de
  Formation a la Recherche d'Information de la
  Commission IST Agropolis Montpellier - GFU
  groupe de travail sur la formation des
  utilisateurs" namedescriptiongtltMETA
  content"(LANGfr) guide, formation, information
  scientifique et technique, recherche
  d'information, documentation, bibliotheque,
  commission IST Agropolis, Montpellier,
  Languedoc-Roussillon, France, Europe"
  nameDC.subject.keywordsgtltMETA
  content"(LANGfr) Guide de Recherche
  d'Information de la Commission IST Agropolis
  Montpellier - groupe de travail sur la formation
  des utilisateurs" nameDC.descriptiongtltMETA
  content"(LANGfr) Carole Giansily"
  nameDC.creator.personalnamegtltMETA content"
  giansily_at_montpellier.cemagref.fr"
  nameDC.creator.emailgt

16
Analyse du source 4

• ltMETA content"(LANGfr) Guide de Formation a la
  Recherche d'Information FRIfree- Commission IST
  Agropolis Montpellier" nameDC.title.maingtltMETA
  content"home page, technical report"
  nameDC.typegtltMETA contentfre
  nameDC.languagegtltMETA content2000-08-20
  nameDC.date.creationgt ltMETA content"Commission
  IST, Agropolis, avenue Agropolis, F-34394
  Montpellier Cedex 5 - France, tel. 33
  (0)4.67.04.75.75 - fax [phone],
  e-mail agropolis_at_agropolis.fr"
  nameDC.publishergtltMETA contenthttp//wwww.agrop
  olis.fr/ist/guide/ nameDC.identifiergtltMETA
  contenthttp//wwww.agropolis.fr/ist/guide
  /contact/contact.html nameDC.rightsgtltLINK
  href"chercher-internet_fichiers/bleu.css"
  relStyleSheet typetext/cssgt

17
Analyse du source 5

• ltMETA content"(LANGfr) Guide de Formation a la
  Recherche d'Information FRIfree- Commission IST
  Agropolis Montpellier" nameDC.title.maingtltMETA
  content"home page, technical report"
  nameDC.typegtltMETA contentfre
  nameDC.languagegtltMETA content2000-08-20
  nameDC.date.creationgt ltMETA content"Commission
  IST, Agropolis, avenue Agropolis, F-34394
  Montpellier Cedex 5 - France, tel. 33
  (0)4.67.04.75.75 - fax [phone],
  e-mail agropolis_at_agropolis.fr"
  nameDC.publishergtltMETA contenthttp//wwww.agrop
  olis.fr/ist/guide/ nameDC.identifiergtltMETA
  contenthttp//wwww.agropolis.fr/ist/guide
  /contact/contact.html nameDC.rightsgtltLINK
  href"chercher-internet_fichiers/bleu.css"
  relStyleSheet typetext/cssgt

18
Analyse du source 6

• ltMETA content"(LANGfr) Guide de Formation a la
  Recherche d'Information FRIfree- Commission IST
  Agropolis Montpellier" nameDC.title.maingtltMETA
  content"home page, technical report"
  nameDC.typegtltMETA contentfre
  nameDC.languagegtltMETA content2000-08-20
  nameDC.date.creationgt ltMETA content"Commission
  IST, Agropolis, avenue Agropolis, F-34394
  Montpellier Cedex 5 - France, tel. 33
  (0)4.67.04.75.75 - fax [phone],
  e-mail agropolis_at_agropolis.fr"
  nameDC.publishergtltMETA contenthttp//wwww.agrop
  olis.fr/ist/guide/ nameDC.identifiergtltMETA
  contenthttp//wwww.agropolis.fr/ist/guide
  /contact/contact.html nameDC.rightsgtltLINK
  href"chercher-internet_fichiers/bleu.css"
  relStyleSheet typetext/cssgt

19
Voir aussi ...

• Les outils de recherche sur Internet(utilisation
  des balises descriptives)
• éditer ses pages web