URL : Uniform Resource Locator
- Chaque ressource accessible sur Internet possède une adresse unique.
- Une URL peut être de plusieurs types:
- http:// HyperText Transport Protocol
principe : http://nom_du_domaine_du_serveur/arborescence/du/fichier/sur/le/serveur/fichier.xxx
exemple : http://tecfa.unige.ch/~strasser/welcome.html - ftp:// File Transfer Protocol
exemple : ftp://tecfa.unige.ch/pub/ - news:// Accès à un serveur de Newsgroup (forum de discussions)
- file:/// accès à un fichier qui se trouve sur un disque dur d'une machine locale
exemple : file:///I:/pc/cao.gif - Même si dans la barre de location, l'URL figure toujours en entier, il existe en réalité deux types d'adresse URL
- URL absolue
- URL relative
- Syntaxe : un / en début d'adresse indique qu'il faut remonter à la source de l'arbre html.
Ainsi, où que je sois sur le serveur
- Syntaxe : un ../ en début d'adresse indique qu'il faut remonter d'un niveau dans l'arborescence avant de lire la suite de l'URL.
- En règle générale, on emploie
- des adresses absolues pour les pages se trouvant sur un autre serveur
- des adresses relatives pour les fichiers se situant sur le même serveur ou susceptibles de faire l'objet d'un déplacement dans l'arborescence.
--> Texte, image, son, vidéo, …
--> Transfert de fichiers de tous types. Permet de déposer des fichiers sur un serveur.
URL indiquant la position exacte d'un fichier avec la totalité de son adresse.
exemple : http://tecfa.unige.ch/staf/staf9597/strasser/images/DidKid.gif
URL indiquant la position relative d'un fichier par rapport au fichier qui l'appelle. Ne peut être utiliser que pour des fichiers qui se situent sur le même serveur.
exemple : /staf/staf9597/strasser/images/DidKid.gif
-
http://tecfa.unige.ch
et que j'emploie l'URL suivante :
-
/staf/staf9597/strasser/images/DidKid.gif
cette dernière équivaut à :
-
http://tecfa.unige.ch/staf/staf9597/strasser/images/DidKid.gif
Ainsi, si je suis sur un fichier se trouvant à l'adresse suivante :
-
http://tecfa.unige.ch/staf/staf9597/strasser/index.html
et que j'indique l'URL suivante :
-
../../9698/roiron/tite_apli.js
cette dernière équivaut en fait à :
-
http://tecfa.unige.ch/staf/staf9698/roiron/tite_apli.js
Claris Home Page 3.0 & le code source HTML - Introduction succinte
- Dans Claris Home Page, il est possible de visualiser un fichier sous trois formes.
- Passons en mode d'éditeur de code HTML et essayons de comprendre ce qui est affiché…
- L'ensemble du fichier est contenu entre deux balises <HTML>…</HTML>
- Le fichier est divisé en deux principales parties, l'en-tête et le corps du document.
<HEAD>…</HEAD> <BODY>…</BODY> - Entre les balises <HEAD>…</HEAD>, on trouve entre autres la balise du titre <TITLE>…</TITLE>
- Entre les balises <BODY>…</BODY> se trouvent le contenu de la page, ainsi que les balises de mise en forme HTML.
- <H1> … </H1>, <H2> … </H2>, … , <H6> … </H6> : 6 degrés de titres prédéfinis;
- <B> … </B> : met le texte en gras;
- <I> … </I> : met le texte en italique;
- <U> … </U> : souligne le texte (peu utilisé à cause de la confusion avec les liens hypertextes);
- <P> … </P> : marque de paragraphe; peut être enrichie par divers éléments comme l'alignement cf. <P ALIGN="right"> … </P>;
- <CENTER> … </CENTER> : centre un texte ou une image;
- <A HREF="url">texte</A> : lien hypertexte vers un URL; dans l'exemple, j'utilise trois types d'URL:
- URL absolue
- URL relative
- MAILTO : permet de lancer le module chargé du courrier électronique.
- <IMG SRC="url" WIDTH="largeur" HEIGHT="hauteur" ALT="commentaire" ALIGN="bottom/top/center"> : insère une image;
- <FONT COLOR="#FF0000"> ... </FONT> : donne au texte la couleur indiquée;
- <MAP NAME=nom> <AREA SHAPE=rect COORDS="x1,y1,x2,y2" HREF="url"> </MAP> : permet d'attacher une URL à une image et de la rendre "cliquable".
- à = à
- è = è
- é = é
- ê = ê
- = espace
- etc…
mode d'éditeur de page "wysiwyg". Ce mode s'utilise en gros comme un traitement de texte…
mode de Prévisualisation. Ce mode permet de se rendre compte de l'aspect du fichier tel qu'il serait affiché sur Internet. Attention! Cela ne remplace pas la nécessité de voir comment la page sera sur un vrai logiciel comme Netscape.
mode d'éditeur source HTML. Ce mode permet de visualiser et modifier le code HTML du fichier.
Pour illustrer mon propos, j'utiliserai la page "page_test.html", ainsi que son équivalente en code, la page "page_test_source.html"
Dans cette dernière, en bleu, figurent les balises HTML de mise en forme du texte.
Outre ces balises qui décrivent la mise en forme de la page, il en existe une multitude qui régissent la mise en forme du texte. Nota Bene: les balises entourent les éléments à mettre en forme. En fait à toute balise qui s'ouvre <B> correspond une balise qui se ferme </B> et qui indique ainsi la fin de la modification.
Nota Bene 2: Si on emploie plusieurs balises en même temps, il faut les fermer dans l'ordre inverse de celui dans lequel on les a ouvertes.
En rouge, figurent les caractères particuliers (accents, ponctuations spéciales, etc…) qui nécessite un codage.