Conception d'un site

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/ 

===============
vers site web
Une page web en 15' chrono