Le langage Html
Html avancé en bref

Même si nous ne faisons que le présenter brièvement, la publication Html, c'est aussi :

Les images animées qui agrémentent les pages Web sont des images GIF, composées un peu comme les dessins animés, par des logiciels conçus à cet effet.

Des Gifs animées sont disponibles sur le Web. Vous pouvez aussi en créer vous-même assez facilement grâce à de petits programmes comme Microsoft Gif Animator, Ulead Animator,  ou Animation Shop de Paint Shop Pro.

A utiliser avec modération.
Cela fatigue les yeux !

Les images cliquables sont divisées en zones sur lesquelles il est possible de cliquer et d'ouvrir ainsi une page située à une adresse (URL) déterminée. On appelle aussi cette propriété l'hypergraphique par rapport à l'hypertexte.
Les éditeurs évolués comme Dreamweaver, FrontPage XP prenent cette fonction en charge. Sinon de petits logiciels comme Mapedit, Map This... vous seront d'une grande utilité.

Les balises seront :
- pour l'image
<IMG SRC="image.gif" USEMAP="#nom">

- pour les zones cliquables :
<MAP NAME="nom">
<AREA SHAPE=RECT COORDS="X1,Y1,X2,Y2" HREF="URL">
...
</MAP>


Sans entrer dans les détails. voici une image où en cliquant sur la lettre B, le fichier B.htm sera ouvert et en cliquant sur la lettre C, ce sera au tour du fichier C.htm.

Le code source est :
<BODY>
<IMG SRC="ABC.gif" USEMAP="#Alpha">
<MAP NAME="Alpha">
<AREA SHAPE=RECT COORDS="40,10,60,40" HREF="B.htm">
<AREA SHAPE=RECT COORDS="70,10,95,45" HREF="C.htm>
</MAP>
</BODY>

Nous avons été très bref lors de l'étude de la balise <HEAD>. En plus de l'élément <TITLE> (titre), l'en-tête de votre page contient bien d'autres informations importantes qui intéressent le navigateur.

La balise META sera particulièrement utile pour faire reconnaître votre page par les robots de recherche du genre AltaVista.

<META NAME="description" CONTENT="description de votre page">

Cette balise indique au robot de recherche que le contenu de CONTENT est la description de votre page Html, contenu qu'il pourra afficher comme résultat d'une recherche d'un utilisateur.

<META NAME="keywords" CONTENT="mot-clé, mot-clé, mot-clé, ...">

Cette balise indique au robot de recherche que le contenu de CONTENT est une série de mots-clés qui définira plus finement votre page. Il peut être utile de prévoir quelques mots-clés en anglais si vos pages sont en français.

<META NAME="HTTP-EQUIV="refresh" CONTENT="x"; URL="adresse">

Ce tag qui fait plutôt partie des trucs et astuces de Html, appellera automatiquement une autre page (située à l'URL indiquée) après un délai de x secondes. Utilisé par exemple dans un frame, le rafraîchissement de la page permettra d'afficher à intervalle régulier différentes informations (publicitaires ou autres). Effet sans l'air assuré.

Il existe encore d'autres balises d'en-tête que vous découvrirez au fil de votre utilisation du langage Html.

Avec les formulaires, le langage Html vous ouvre la porte de l'interactivité. Votre interlocuteur pourra remplir un champ de saisie de texte ou d'autres objets interactifs comme des cases à cocher. Ces données seront transmises au serveur, par exemple à votre adresse électronique (Mail).

Les formulaires peuvent prendre la forme
- d'une ligne de texte

- d'une fenêtre de texte

- de boutons radio
la semaine
le week-end

- de cases à cocher
la semaine
le week-end

- d'un menu déroulant

A la suite du ou des formulaires, il y aura un bouton dont la fonction sera d'envoyer les messages (par exemple à votre adresse électronique).

Jusqu'à présent, nous n'avons que publié des pages sur le Web. Avec Javascript et Java, nous allons découvrir les éléments pour programmer sur le Web.
Javascript est un ensemble de codes (scripts) directement incorporés dans Html, qui permet de faire réaliser au browser certaines fonctions déterminées. Pour autant que le navigateur le permette bien entendu (
ce que font nos deux complices, Netscape 2.0 et plus et Microsoft Explorer 3.0 [en principe pour ce dernier cependant] ).

A titre d'exemple, on peut aisément faire apparaître avec Javascript un petit message du genre "Attention!" lorsque l'utilisateur clique sur un bouton.


Le code est assez simple :
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!-- Hiding
function hello() {
alert("Test réussi !");
}
// -->
</SCRIPT>
</HEAD>
<BODY>
...<input type=button name="" value=" Pour le test " onClick="hello()">...
</BODY>
</HTML>

On peut aussi réaliser en Javascript des choses plus complexes sans un long apprentissage . De façon très schématique Javascript serait une version étendue de Html qui permet d'ajouter des éléments interactifs.

Vous trouverez sur le Web des petites applications que vous pouvez modifier légèrement (en changeant le texte par exemple) pour les inclure dans vos pages.

Le monde de la publication sur le Web est riche en développements, aussi riches que variés. Citons comme Exemple :
 
Les Feuilles de style (CSS) qui permettent, en autres choses, d'apporter des effets 
  de présentation sur les pages Web.

 

Ces langages de programmation comme le PHP, le ASP ou le Perl qui, une fois greffés sur le code Html des pages, ouvrent la voie royale vers les bases de données consultables en direct sur le Web.

Terminons par cette triste nouvelle, le HTML est une langue morte !

Le W3C, consortium international, qui édicte les règles des langages de publication sur le Web, a conclu que le Html avec ses versions 2.0, 3.2, 4.0 était arrivé à un niveau de complexité tel qu'une nouvelle évolution n'était plus envisageable sur les bases actuelles. Il n'y aura donc jamais à l'avenir de HTML 5 !

La suite est facile à deviner. Le 26 janvier 2000 est né le XHTML 1.0 qui n'est en fait que la reformulation des balises du HTML 4.0 selon les nouvelles règles de présentation et de syntaxe du XML.


 

Il faudra à l'avenir se pencher sur le XHTML et surtout sur le XML, sorte de métalangage dont il est issu. Ce métalangage XML est le générateur des nouveaux langages du Web dans le futur. Un de ses premiers enfants a été le WML qui est le langage du Wap des téléphones mobiles. Quel programme ... et ce n'est pas fini !