WWW (Urec)

App|/cof/ons: www 1
World Wide Web (WWW)

cours@urec.cnrs.fr
App|/cof/ons: www 2
Contributions
r Cration: Claude Gross
r Modifications: Bernard Tuy, J.P Gauthier
App|/cof/ons: www 3
Objectifs du Web
r Aboutissement dun projet du CERN en Mars 1989.
r Espace d'information est -de fait- rparti.
Identifier les documents de manire unique.
r Systme d'information distribu htrogne.
"Fdrer" les serveurs d'information
r Accs "gratuit" aux serveurs sur l'Internet
App|/cof/ons: www 4
Dfinitions
r Hypertexte
fichier de type texte dont certains mots (ou groupe de mots)
ancres sont relis d'autres documents par des liens.
r Hypermdia
fichier dont les liens peuvent rfrencer des fichiers sons,
images ...
r Les ressources rfrences peuvent tre sur le mme
ordinateur ou sur une machine distante.
Un fichier Hypertexte est un fichier
de texte dont certains mots ...
Historique
de
lHypertexte
App|/cof/ons: www 5
Principes gnraux
r Modle client / serveur
Le client demande un document
Le serveur fournit le document
r HyperText Transmission Protocole (HTTP)
protocole d'changes entre clients et serveurs WWW
App|/cof/ons: www 6
HTML
r Un document est la plus petite unit change entre un serveur
et un client.
r Un document fourni par un serveur WWW est en format HTML, il
est interprt par le client.
Hyper Text Markup Language
r Un document HTML contient le texte lire, des indications de
formatage et des ancres.
r Utilitaires de conversion
LaTeX => HTML
Word => HTML
man => HTML
Framemaker => HTML
App|/cof/ons: www 7
Exemple de fichier HTML
<HEAD>
<TITLE>Exemple de fichier HTML </TITLE>
</HEAD>
<BODY>
<H1>Exemple de fichier HTML </H1>
Ceci est un exemple de fichier
<A HREF="doc_html.html">HTML</A>

Un fichier HTML contient :
<UL>

<LI>le texte destin tre lu;
<LI>des instructions de formatage;
<LI>des liens <A HREF="hypertexte.html">hypertexte</A>;
<LI>des instructions d'images <IMG src="w3.gif">

</UL>
</BODY>
App|/cof/ons: www 8
URL
r Uniform Resource Locator (URL)
permet de rfrencer un document de manire unique.
r Un URL est form par :
un prfixe qui indique la mthode d'accs.
un dlimiteur ":"
un champ de localisation, en gnral le nom de la machine.
un champ qui dpend de la mthode d'accs
r Exemples
http://web.urec.fr/welcome.html
ftp://ftp.inria.fr/pub
file:/home/tuy/public_html/index.html
r Un lien hypermdia est un URL
=> Interfaces vers les autres services dinformation (ftp, gopher, wais...)
App|/cof/ons: www
Dialogue client/serveur
r Etablissement de la connexion
r Fourniture du document (ou refus !)
r Fermeture de la connexion
La connexion n'est tablie que pour la dure de l'change du
document.
r Le client a la charge du traitement du document.
r Le document contient les URL des documents qui y sont
rfrencs
=> le client ira chercher ces documents la demande de
l'utilisateur.
App|/cof/ons: www 10
Logiciels clients et serveurs
r serveurs sous Unix : dmon httpd
il existe des serveurs pour Mac et PC
fichiers sources sur ftp://ftp.urec.fr/pub/reseaux/logiciels/WWW
r le client le plus utilis est Netscape (version 3.x)
Accs direct aux serveurs WWW, ftp anonyme, gopher, wais, nntp.
Xwindows, Mac, Windows.
fichiers binaires et sources sur
ftp://ftp.urec.fr/pub/reseaux/logiciels/Netscape
r installation pas complique ... suivre la documentation.
r le traitement des fichiers images et sons est ralis par des
programmes externes qui sont laisss au choix de l'utilisateur
Helpers
Conclusion
r Espace dinformation universel.
bibliothque virtuelle.
crire les publications.
prsenter les cours.
r "Unicit" de l'information.
r Convivialit des interfaces.
r Contraintes :
installation, organisation d un serveur et sa mise jour !
relation entre les serveurs d'un pays, d'une rgion du monde ...
WWW demande un rseau efficace (temps de rponse trs courts)
Bibliographie
r sur WWW :
http://www.urec.fr/WWW/WWW.html
ou ftp://ftp.urec.fr/www/docs/WWW.ps
r Bibliographie sur lensemble des applications de lInternet :
lInternet Professionnel (CNRS Editions)
Micro-Bulletin du CNRS n 53 (Janvier/fvrier 1994).
Micro-Bulletin du CNRS spcial Janvier 1995.
HTML : notions de base
Structure dun document HTML:
Syntaxe de base : <balise [options]> Texte </ balise>
<HTML> ......Contenu du Document ......</HTML>
Contenu du Document :
<HEAD> <TITLE> Texte du titre </title></head>
<body> Texte du document </BODY>
HTML: notions de base (2)
Pour structurer undocument
Titres:
<Hx> Texte du titre </Hx> 1=< x =< 6
Paragraphes:
 Texte du Paragraphe 
Indentation: <Blockquote> Texte indenter </Blockquote>
Nouvelle ligne:
 
Trait horizontal:
<HR>
HTML: Les listes
Les Listes
Non numrotes :
<UL> ou <Menu>
<LI> Texte d'un item de la liste
<LI> texte d'un autre item
...
</UL>
Numrotes (numrotation automatique):
<OL>
<LI> item de la liste
</UL>
HTML: styles de caractres
Italique Texte mettre en italique 
Gras Texte mettre en gras 
Italique Gras Texte mettre en italique gras 
style programme < code > Texte du programme < /code >
style machine < tt > texte < /tt >
caractres spciaux :
: & e acute; : & a grave; : & o circ;
< : & lt;
...
cf.: http://www.urec.fr/docs/isolat1.html
HTML: les liens
syntaxe:
<A> Texte </A>
<A> : HREF = "URL"
: NAME = "Label"
Texte : 1 mot (ou1 groupe de mots)
= Ancre
Exemple :
<A href= http://www.urec.fr/IPv6> Présentation du
Protocole IPv6 </A>
<A Name=#Parag8> Les formats dadresses IPv6 </A>
HTML: incrustation dimages
syntaxe :
<IMG SRC= "URL">
Exemple:
<IMG SRC="/images/logo.gif">
<IMG SRC= http://www.cnrs.fr/Images/logo_cnrs.gif
ALT=/images/logo.gif>
Seuls les formats GIF et JPEG sont directement affichables
pour les autres formats => Helpers (ghostview, imagetool, xv...)
App|/cof/ons: www 1
HTML: pour continuer
r Ralisation de tableaux (... de tableaux)
r Formulaires et CGI
r Interfaces avec d'autres applications
mail (smtp): "mailto:email_address"
r Editeurs WYSIWYG
GNNPress >>> AOL
r JAVA
r Bibliographie :
MicroBulletin du CNRS n 1996
HTML: Application
r 1. Produire le code HTML correspondant au document remis
on s'inspirera des notions prsentes en cours pour la structure
du document
r 2. Produire un document hypertexte -sujet libre:
utilisant les ancres au sein du document, vers dautres
documents
incluant une image
personnaliser le fonds de page

WWW (Urec)

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

WWW (Urec)

Încărcat de

Drepturi de autor:

Formate disponibile

App|/cof/ons: www 1

World Wide Web (WWW)

S-ar putea să vă placă și