|
Vous avez dit HTML?
Pour pouvoir communiquer avec un
ordinateur il est nécessaire d'utiliser un "langage" qu'il puisse
comprendre et interpréter. Ce langage s'appelle le HTML ("HyperText
Markup Langage").
Pour être clair, le HTML n'est
pas un langage de programmation, c'est un simple fichier texte contenant
des balises (tag en anglais) permettant de mettre en forme le texte,
les images ...
Il permet, entre autres, la lecture
de documents sur Internet à partir de machines différentes
grâce au protocole "http".
En effet le Web est une énorme
archive vivante de textes formatés, d'images, de sons, de vidéo
... Ces documents sont organisés autour d'une page d'accueil
qui guide les visiteurs vers d'autres pages HTML grâce à des
liens hypertexte.
En résumé, le HTML
est le langage universel utilisé pour communiquer sur le Web. Votre
information sera ainsi transportée sur cette gigantesque toile de
réseaux interconnectés qu'est Internet, pour aboutir sur
l'ordinateur de votre lecteur grâce à un programme appelé
navigateur ou browser (généralement Internet Explorer ou
Netscape Navigator).
Le HTML enrichit votre texte avec
des "balises" : ce sont des indications de présentation ou
de navigation abrégées, placées entre les deux signes
< et >. Celles-ci sont comprises et interprétées par votre
navigateur préféré et permettent l'affichage du texte,
des images, ou des liens hypertextes sur votre écran.
A titre d'exemples :
- <i> la commande exécute
"Je veux ce texte en italique" et </i> pour terminer la commande.
où <i> est la balise de
mise en italique, et </i> celle de fin d'italique, ce qui me donne à
l'écran du navigateur "Je veux ce texte en italique";
- <br> représente une
fin de ligne, donc retour de chariot;
- <P> paragraphe (par défaut);
- <font…> taille et couleur du
texte;
- <IMG SRC="…."> sont les caractéristiques
d'une image, etc.
Les commandes HTML peuvent être
écrites en minuscules ou en majuscules.
Ce langage offre également
la possibilité extraordinaire de "feuilleter" un document complexe,
en atteignant, depuis une page donnée, un nouveau texte grâce
à un lien hypertexte. Cet effet est réalisé grâce
à une simple balise placée sur un mot ou un groupe de mots
(ceux-ci apparaissent généralement à l'écran
en couleur et soulignés, et le curseur qui les survolent prend la
forme d'une main au doigt pointé) ou encore sur une image, indiquant
au navigateur qu'il doit afficher un autre texte lorsque le lecteur clique
une fois dessus.
Il peut s'agir d'un paragraphe situé
dans la même page, ou bien d'une autre page du même site, ou
bien d'une page d'un autre site, selon la syntaxe de la balise.
En application, voici l'exemple
d'une structure de document HTML :
<HTML>
<HEAD>
<TITLE>Ce sera le titre
de votre page </TITLE>
<META NAME="Author" CONTENT="Alain PROVISTE">
<BASE HREF="/usr/home/chezmoi"></BASE>
</HEAD>
<BODY>
...
... Le document HTML
...
</BODY>
</HTML>
Développement de cette page
:
Toute page débute par une
déclaration qui ne sera pas affichée par le navigateur, mais
qui lui permet de déterminer la nature du document à afficher.
Chaque page web se composera donc dès le début par la balise
<HTML> et se finira par la balise < /HTML >, dernière balise
qui ferme le document.
A l' intérieur de cet encadrement,
on distinguera deux parties :
L' en-tête signalée
par les balises < head > et < /head >,
le corps où se trouvera
le contenu de votre page encadré par les balises < body > et
< /body >.
Dans l' en-tête, on incorpore
des balises complexes dont on ne se souciera pas mais il faut savoir que
les balises < title > et < /title > sont importantes car elles afficheront
le titre du document tout en haut à gauche du document, dans la
petite barre bleu...
Dans cet exemple, il s'agit évidemment
d'une page web embryonnaire qu'il faudra étoffer.
Que vous faut-il avant
de commencer un site?
Vous avez besoin :
- d'un éditeur
de texte tout simple comme par exemple le Bloc-notes ou Notepad
de Windows ou tout autre équivalent dans votre système d'exploitation
(ceci pour ceux qui veulent taper eux-même les commandes).
Par contre, si vous posséder
Word2000, celui-ci traduit directement vos documents "doc" en format
HTML. Donc, dans ce cas Word2000 est devenu lui-même un éditeur
HTML très performant puisqu'il est capable de transformer, très
précisément vos documents "doc" en HTML.
- d'un browser
soit Netscape Navigator (gratuit pour les particuliers) que vous pouvez
télécharger au site de Netscape (http://home.netscape.com)
ou sur les CD de certains mensuels informatiques, soit Microsoft Explorer
(gratuit) à télécharger au site de Microsoft (http://www.microsoft.com)
ou dans les revues.
Vous n'avez pas besoin :
- d'être connecté pour
écrire, voir et peaufiner vos pages Html.
- d'avoir le dernier éditeur
Html sans doute performant mais coûteux qu'il sera toujours temps
d'adopter lorsque vous aurez usé vos petits doigts sur vos premières
pages. Nous pensons à Claris Home Page, Frontpage de Microsoft,
Hotdog, Hotmetal, WebExpert ainsi qu'aux dizaines d'autres éditeurs
que vous rencontrerez sur le Web.
Dans l'exemple de création
d'une page web que nous verrons plus loin ce sera Netscape Composer (inclus
dans la suite Communicator) qui sera utilisé.
Les Cadres "Frame".
Pour créer un document, certains
utilisateurs utilisent la technique des cadres "Frame".
Il s'agit de cadres délimités
par des bordures coulissantes (ascenseurs).
Il faut bien reconnaître que
cette technique est dépassée, de plus en plus délaissée,
et reconnue pour un peu désuète, je m'en excuse par avance
auprès de ces utilisateurs, mais actuellement cela fait un peu "ringard".
PUBLICATION
Bon, en fait, il n'y a pas vraiment
de méthode précise car selon l'hébergeur, les méthodes
peuvent varier.
On remarque cependant une similitude
:
- Premièrement, il
faudra vous inscrire sur le site de l'hébergeur choisit. Vous disposerez
donc des services complémentaires comme e-mail, perso, ETC...
· Ensuite, vous allez engager
la procédure d'obtention du pseudo et mot de passe pour votre site
( si ce n'est pas déjà fait ). Cela veut dire que vous devrez
trouver un nom de site ( le plus souvent celui - ci correspond au pseudonyme
qu' il vous est demandé à l' inscription ou lors de la procédure
de mise en service de votre site ). Vous devez disposez de 3 renseignements
:
- URL FTP, adresse pour le
logiciel FTP ( voir troisièmement ). Exemple, pour multimania, son
adresse internet est www.multiania.com et son adresse FTP est : ftp.multimania.com
- Votre pseudo qui vous servira
aussi pour le logiciel FTP
- Il vous faut ensuite votre
mot de passe qui servira encore pour le logiciel FTP qui vous est donné
avec votre pseudo...
· Troisièmement, vous
devez disposer d'un logiciel FTP ( File Transfert Protocol ) qui va vous
permettre de transférer vos fichiers HTML et autres vers le serveur
de l'hébergeur. Votre site pourra donc être visionné
sur le net mondial. Vérifiez cependant que votre page d'accueil
s'appelle INDEX.HTM ou INDEX.HTML. Si ce n' est pas le cas, votre page
d' accueil ne sera pas détectée. Il est donc impératif
que votre page d'accueil se nomme INDEX.
Je vous conseille
CuteFTP (shareware - évaluation)
à l'adresse : http://www.cuteftp.com/download/cuteftp.asp
ou SmatFTP (freeware - option français)
à l'adresse : http://www.smartftp.com/
===============
Une page web en 15' chrono |