 |
Brico Micro |  |
|
Brico Micro | |
Texte à ajouter pour l' ouverture d 'une fenêtre pop-up.
<a href="popup.htm" target="index"
onclick="window.open(' ','index','width=150,height=160,scrollbars=1')">lien</a>
Avec comme variables :
popup.htm qui est la page web pop-up.
index qui correspond à la page web index.htm.
lien qui est le mot de la page index.htm sur lequel est créé le lien.
150 et 160 qui sont les dimensions en pixels de la fenêtre pop-up
Texte à ajouter pour la création d 'un « Effet Rollover » ou substitution d 'image entre :
<body>
et
</body>
<p><a onmouseover="img1.src='rire.jpg'"
onmouseout="img1.src='test.jpg'"><img
src="test.jpg" width="71" height="29" name="img1"
onload="templmg=new Image(0,0);templmg.src='rire.jpg'"></a></p>
Avec comme variables :
test.jpg qui est le fichier jpg inséré sur la pageweb.
rire.jpg qui est le fichier jpg de substitution.
71 et 29 qui sont les dimensions de l 'insertion.
Page Web à 3 cadres sans bordure :
Texte à mentionner pour la création d 'une page Web à 3 cadres :
<html>
<head>
<title>Frameset</title>
<frameset framespacing="0"border="False" frameborder="0" rows="75,*"> <frame name="titre" scrolling="no"
noresize src="titre.htm" marginwidth="0" marginheight="0">
<frameset cols="150,*">
<frame name="gauche" src="gauche.htm"scrolling="auto"
marginwidth="5" marginheight="5">
<frame name="droite" src="droite.htm"scrolling="auto">
</frameset>
</frameset>
</head>
</html>
Avec comme variables :
titre.htm qui est la page qui contiendra le titre.
gauche.htm qui est la page dite de menu.
droite.htm qui est la page principale.
75 et 150 qui sont les dimensions en pixels des cadres.
Page Web à 3 cadres avec bordures :
Texte à mentionner pour la création d 'une page Web à 3 cadres avec bordures :
<html>
<head>
<title>Frameset</title>
<frameset rows="75,*">
<frame name="titre" scrolling="no"noresize src="titre.htm">
<frameset cols="150,*">
<frame name="gauche" src="gauche.htm">
<frame name="droite" src="droite.htm">
</frameset>
</frameset>
</head>
</html>
Avec comme variables :
titre.htm qui est la page qui contiendra le titre.
gauche.htm qui est la page dite de menu.
droite.htm qui est la page principale.
75 et 150 qui sont les dimensions en pixels des cadres.
Fermeture manuelle d'une page Web :
Texte à ajouter entre :
<body>
et
</body>
<a HREF="#" onClick="top.close()">Fermer</a>
Avec comme variable : Fermer.
Fermeture automatique d'une page Web :
Texte à ajouter après :
<Body................
onload="setTimeout('self.close();',10000)"
Avec comme variable : 10000.
Le nombre 10000 correspond à des millisecondes qu'il convient d'adapter au temps d'ouverture voulu de la page.
Défilement automatique des pages :
Texte à ajouter entre :
<head>
et
</head>
<meta http-equiv="refresh"content="5;URL=http://perso.wanadoo.fr/gerard.g/code/def_2.htm">
Avec comme variables :
5 qui est le temps d'exposition de la page.
perso.wanadoo.fr/gerard.g qui est l'URL du site.
code/def_2.htm qui est le chemin d'accès du fichier à ouvrir.
Zone de texte avec barre de défilement :
Texte à ajouter entre :
<body>
et
</body>
<table border="0">
<tr>
<td>
<div style="width:300px; height:100px; overflow-y:scroll;">
Texte de la zone de texte déroulante.......................................................
Texte de la zone de texte déroulante.......................................................
</td>
</tr>
</table>
Exemple :
|
Texte de la zone de texte déroulante......
|
Page Web avec cadre de navigation :
Texte à mentionner pour la création d 'une page Web avec cadre de navigation :
<html>
<head>
<title>Page avec cadres</title>
</head>
<frameset cols="20%, 80%">
<frame name="gauche" src="liste.htm">
<frame name="droit" src="accueil.htm">
</frameset>
</html>
Avec comme variables :
Page avec cadres qui est le nom de la page.
20% et 80% en fonction de la largeur des cadres.
liste.htm qui est le nom de la page navigation.
accueil.htm qui est le nom de la page principale.
Texte à mentionner pour ajouter un commentaire à un objet, apparent lors du pointage avec le curseur :
ALT="commentaire"
Avec comme variable :
commentaire qui évoluera selon le commentaire de l'auteur de la page.
Le texte devra être mentionné à la suite du code d'insertion de l'objet.
Dans l'exemple ci-dessous le texte est :
<p align="center"><img border="0" src="../gif/test.jpg" width="71" height="29" title="Ceci est un exemple"></p>
Texte à inclure dans la balise <body> :
<body background="image.jpg"style="background-attachment:fixed;">
Avec comma variante image.jpg qui est le nom du fichier représentant l'arrière plan.
Pour faire défiler du texte il convient d'ajouter la balise <marquee> comme ci-dessous:
- Défilement par défaut :
<p><marquee>Défilement par défaut</marquee></p>
- Défilement limité en largeur : width="50%"
<p align="center"><marquee width="50%">Défilement limité en largeur</marquee></p>
- Défilement avec vitesse définie : scrollamount="4" Par défaut la vitesse est 6.
<p align="center"><marquee scrollamount="4" width="50%">Défilement avec vitesse définie</marquee></p>
- Défilement avec sens défini : direction="down" Par défaut le sens est vers la gauche (left). Avec hauteur de la zone de défilement height=20".
<p align="center"><marquee direction="down" height=20" scrollamount="4" width="50%">Défilement avec sens défini </marquee></p>
Défilement vers la gauche : direction="left"
Défilement vers la droite : direction="right"
Défilement vers le haut : direction="up"
Défilement vers le bas : direction="down"
- Défilement d'un objet avec sens au choix : <img src="fichier image" width="64" height="38">
<p align="center"><marquee direction="right" scrollamount="6" width="50%"><img src="fichier image" width="64" height="38"></marquee></p>