HTML Dynamique


Les balises

Les marquises

Ce sont des textes défilant automatiquement à la manière d'une bannière. Pour arriver à ce résultat on utilise habituellement une image GIF animée, une applet Java ou une vidéo. Une balise HTML existe mais ne fonctionne que sous Microsoft Internet Explorer 3.0 et supérieur.

<MARQUEE...> IE 3.0
Texte défilant automatiquement (marquise). Le rendu du texte est déterminé par les balise de formatage encadrant la marquise. Le texte défilant est compris entre les balises MARQUEE et /MARQUEE.

WIDTH=n|n% height=n|n% IE 3.0
Donne la hauteur 'HEIGHT' et la largeur 'WIDTH' de la bande déroulante en pixels ou en pourcentage des dimensions de la fenêtre.
[HSPACE=n] [VSPACE=n] IE 3.0
Définit la taille de l'espace horizontal 'HSPACE' (gauche et droit) et vertical 'VSPACE' (haut et bas) entre la marquise et les éléments environnants de la page.
ALIGN=top|middle|bottom IE 3.0
Aligne la marquise.
BEHAVIOR=scroll|slide|alternate IE 3.0
Définit le comportement du texte déroulant lorsqu'il atteint le coté opposé.
'SCROLL'. Le texte défile entièrement d'un coté à l'autre jusqu'à ce que la dernière lettre disparaisse derrière la bordure opposée. Le texte repart alors de son point de départ initial. C'est la valeur par défaut.
'SLIDE'. Effectue le même mouvement, mais s'arrète lorsque le texte atteind l'autre coté.
'ALTERNATE'. Effectue un même mouvement de va et vient entre les deux cotés de la bande défilante.
DIRECTION=right|left IE 3.0
Définit le coté de départ. 'RIGHT' pour le coté gauche et 'LEFT' pour le coté droit.
BGCOLOR=#RRVVBB|couleur IE 3.0
Indique la couleur de fond de la bande déroulantesoit de manière absolue, soit litérallement.
LOOP=n|infinite IE 3.0
Donne le nombre de boucle du texte. 'INFINITE'ou -1 et le texte défilera jusqu'à ce que la page soit fermée.
SCROLLAMOUNT=n IE 3.0
Donne le nombre de pixels parcourus par le texte entre deux déplacements successifs. Plus n est élevé, plus le mouvement est saccadé.
SCROLLDELAY=n IE 3.0
Donne le nombre de millisecondes entre deux déplacements successifs. Plus n est petit, plus le mouvement est rapide.
<FONT face=trebuchet size=5 color=maroon><MARQUEE width=450 height=35 vspace=15 hspace=10 behavior=alternate direction=right bgcolor=lightblue loop=infinite scrollamount=40 scrolldelay=50>Si ça marche, vous pouvez pas le loupez!!!</MARQUEE></FONT>
Si ça marche, vous pouvez pas le loupez!!!

HTML Dynamique vu par Netscape : Layers

Les couches sont une nouvelle et puissante fonctionalité implémentée dans Netscape 4. Vous pouvez mettre deux ou plus couches dans chaque autres et créer ainsi différents effets dans votre page. Associé à JavaScript, vous pouvez créer des animations dynamiques et plus encore. Seul Netscape 4 est compatible.

<LAYER ...> NS 4.0
Insére une nouvelle couche, Doit finir aver </LAYER>. Les paramètres suivants peuvent être utilisés :

[NAME="ident"] NS 4.0
Définit le nom de la couche pour être utilisé avec un langage externe comme JavaScript. Le premier caractères doit être alphabétique.
[LEFT=n] [TOP=n] NS 4.0
La position du coin supérieur gauche de la couche par rapport au coin supérieur gauche de la page. Par défaut, la couche apparaitra là où la balise a été inséré.
[WIDTH=n] NS 4.0
La largeur souhaité de la couche. Si elle contient une image plus large, la couche est agrandi. Si lafenêtre est plus petite, la couche et retréci.
[CLIP="[x1,y1,]x2,y2,..."] NS 4.0
Bordure intérieur de la couche. Définit la marge entre la couche et son contenu. x1 est le nombre de pixels par rapport à la valeur LEFT, y1 par rapport à la valeur TOP. x2 et y2 sont le nombre de pixels par rapport au coté droit et au bas de la couche. Si x1 et y1 ne sont pas spécifié, il prennet la valeur de 0 par défaut.
[Z-INDEX=n | ABOVE=layer | BELOW=layer] NS 4.0
Une seule de ces propriétes peut être utilisé à la fois. Elles définissent l'ordre d'empilement des couches. ABOVE et BELOW définissent la couche suivante et précédente dans l'ordre de la pile. La valeur 'layer' est le nom d'une couche existante. Z-INDEX est le nombre utilisé pour sortir la couche. Les couches avec une valeur Z-INDEX élevé sont affichées au-dessus des couches avec un petit numéro d'index.
[VISIBILITY=show|hide|inherit] NS 4.0
Définissent la visibilité du contenu de la couche. show l'affiche, hide le cache. Par défaut la visibilité est hérité (inherit) de la couche parente.
BGCOLOR=#RRVVBB|couleur NS 4.0
Définit la couleur de fond de la couche. On peut créer ainsi une couche opaque qui masquera toutes les couches placées au-dessous.
BACKGROUND="url" NS 4.0
URL d'une image de fond, prioritaire sur l'attribut BGCOLOR. L'image de fond peut être transparente.

Retour en haut


Exemples

HTML Dynamique par Microsoft. Nécessite IE 4.0 pour profiter du résultat.

Retour en haut


Sources d'informations

Dynamics HTML Ressources par Netscape. Pour créer des pages adapté à Communicator.

Retour en haut


Christophe Merlet
redfox@redfoxcenter.org
©Tous droits réservés
11 août 1997