- comprendre ce qu'est le langage html,
- comprendre pourquoi on ne va pas utiliser Dreamweaver
,- faire la première page d'accueil de votre site en HTML
Si vous ne compreniez pas un terme que je n'ai pas expliqué ou mal expliqué, je vous invite à consulter le site http://www.dicofr.com que m'a indiqué Revenir et qui est un dictionnaire des termes informatiques
Avant de venir véritablement aux choses sérieuses avec la réalisation de la première page d'accueil de votre site, je voudrais expliquer en 3-4 lignes ce qu'est HTML et pourquoi il faut comprendre ce "langage" un minimum alors qu'on peut très bien utiliser Front Page ou Dreamweaver pour faire un site.
Tout d'abord, je signale que le HTML est le langage qui correspond aux extensions .htm ou .html que vous connaissez sans doute et qui correspondent à un document Internet.
La traduction approximative de HTML en français est ...
... peu parlante
En gros, dans HTML (HyperText Markup Language), il y a 2 notions importantes :
- langage hypertexte : les documents référencent d'autres documents accessibles par un simple clic sur un lien. Ce qui est une évolution par rapport à un fichier .doc d'il y a 10 ans par exemple
- langage à balise : Qu'est-ce que c'est me direz-vous ? Que la représentation de la mise en page du texte ou des styles appliqués à la police de caractère se fait à l'aide de balises.
Un exemple sera plus parlant qu'un long discours. Pour mettre en gras sur le forum, on utilise [ b ] et [ /b ].
En HTML, on remplace simplement les [ et ] par < et >
C'est pas plus compliqué que ça.
Et tout le langage HTML est comme ça : relativement simple.
C'est pour cela qu'on commence avec le HTML et pas par PHP. Ce cours est remarquablement bien fait
Pour en finir définitivement avec le HTML, il faut encore préciser que ce langage est celui que comprend votre navigateur. IE ou Netscape vont chercher un fichier html et sont chargés de le "convertir" en ce que vous voyez s'afficher : mettre un lien, mettre en gras, ...
Le langage HTML reste un langage relativement simple à comprendre. C'est pour cela qu'il me semble bon d'essayer de le maitriser plutôt que de l'ignorer complètement en se servant de Dreamweaver.
Mais le but n'est pas simplement pédagogique : un fichier de 1ko en HTML peut prendre 10 ou 15 ko avec Dreamweaver. Et 100 ko avec Word (si si c'est vrai, j'ai un exemple)
Or la taille d'un fichier implique la vitesse d'affichage de la page et, pour ceux qui n'ont pas l'ADSL, le prix payé.
On verra aussi qu'il est possible, avec PHP, de factoriser certaines choses quand on connaît le HTML et de ne pas réinventer chaque fois la roue.
Passons aux choses concrètes maintenant : votre première page.
On pourrait très bien écrire du HTML avec Notepad ou Wordpad. Il est peut-être préférable de choisir un éditeur spécialisé dans le HTML. Pour le cours, je vais utiliser arachnophilia qui existe pour Windows mais aussi pour Linux et Mac (via Java).
Vous pouvez trouver le logiciel (qui est CareWare) à l'adresse <a href='http://www.arachnoid.com/arachnophilia/' target='_blank'>http://www.arachnoid.com/arachnophilia/</a>
Installez-le et démarrez Arachnophilia.
Pour l'instant, sans rentrer dans les détails et en espérant que la version Windows soit la même, faîtes :
File -> New -> HTML File
Là, il vous demande un Titre : Accueil (par exemple)
Vous devriez voir apparaître un texte du genre
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Created on 11 juil. 2002 16:59:53 -->
<html>
<head>
<title>
Accueil
</title>
<meta name="GENERATOR" content="Arachnophilia 5.1">
<meta name="FORMATTER" content="Arachnophilia 5.1">
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
</body>
</html>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
et
</body>
puis uploader votre fichier chez Free après l'avoir sauvegardé sous le nom index.html
Voilà, fin de la seconde leçon.
La troisième leçon est pour bientôt. On rentrera plus avant dans le HTML[/code]
- Bienvenu au petit Lubo!
A moins qu'on ait installé Java avec un autre truc...
(pensez à désinstaller l'autre, on sait jamais...)
Hé toi ! vas-y dis que tout ce que je fais depuis tout à l'heure ça sert à rien !!! 
