|
Recommandations
:
Quand
vous allez ranger votre matériel, pensez à nommer
vos tuiles, papiers ou musique en les renommant si besoin de
façon à éviter les accents et les
espaces. Faites aussi attention si vous mettez des majuscules, elles
devront aussi être dans la source de votre page.
On
commence
Pour ce dixième
cours, nous allons utiliser un
papier bas, une entête et une musique .
Cliquez ici pour visualiser ma page
Télécharger le
matériel ici
Matériel
:
- un papier bas ou un
tag assez large.
- une entête decorative ( facultatif pour votre version
personnelle )
- une musique en format midi si possible ( format moins lourd que les
wave ou mp3 )
 |
Cette
flèche pour marquer votre ligne
Clic
gauche pour la déplacer
|
1 - Créer un nouveau dossier et nommer le "Cours 10".
Ranger le matériel utilisé dans ce dossier.
Voici mon dossier et son contenu.
 
2 - Ouvrir Script Edit.
Faire Fichier ===> Enregistrer sous
Enregistrer cette page vierge dans le dossier Cours 10 en n'oubliant
pas
de la nommer.
3 - Nommer la page.
Entre les deux balises <title> et </title>,
écrire le titre donné à votre page.
4 - Bordure et scrollbar de la page.
Copiez ce code, puis collez le entre les deux balises HEAD,
notées <head> et </head>,
soit environ sur la ligne 4.
<style
type="text/css">
body{border-top:#A09077
2px ridge;
border-bottom:#A09077 2px ridge;
border-left:#A09077 2px ridge;
border-right:#A09077 2px ridge;
scrollbar-highlight-color:#A09077;
scrollbar-arrow-color:#A09077;
scrollbar-face-color:#5E4C3E;
scrollbar-base-color:#5E4C3E;
scrollbar-track-color:#A09077;
</style> |
Pour votre version, pensez à assortir les couleurs
à votre création.
Comme cela.
5- Couleur de fond de la page.
Pour ce cours, nous n'utilisons pas de tuile afin d' éviter
les démarcations avec le papier bas.
Mettre la première balise BODY notée
<BODY> en surbrillance ( bleu)
Copier puis coller cette ligne par dessus cette balise en surbrillance.
Vous
obtenez ceci
Modifier le code de la couleur pour l' assortir au haut de votre papier
bas .
6 - Insertion de l' entête.
Nous allons placer l' entête en haut de la page.
Copier et coller cette ligne après la première
balise <body>, soit vers la ligne 21.
| <p=align
center><img src="Haut.png"></p> |
Modifier le nom de votre entête et sa terminaison.
Par exemple, pour ma part, elle se nomme "Haut", et est en format png.
Vous obtenez ceci
7 - Le texte.
Pour ce cours, il est préférable d'
écrire un texte court,
car le papier ( ou tag ) sur lequel va agir le script va etre
tout en bas de la page.
Si votre texte est trop long, il va se retrouver sous le
papier.
Dans ce cas là, il vous faudra positionner le papier
correctement.
Copier et coller ceci sous l'insertion de l' entête, soit
vers la ligne 22.
<p
align="center"><font face="Comic sans SM" color="#5E4C3E"
size="4">
ECRIRE LE
TEXTE ICI |
Modifier la police ( taille et couleur ), et ecrire le texte
souhaité.
Voici ce que j'obtiens.
8 - Insertion du papier bas .
Maintenant, nous allons inserer le papier bas
sur lequel va agir le script que nous rajouterons
après.
Copier et coller ce code après votre texte, soit environ
vers la ligne 26
<table
align=center id=joke class=ja
style="top:350px;position:absolute;left:0px;height:400px;width:103%;visibility:hidden">
<tr>
<td
align=center><img src="Bas.jpg"
style="top:-1800px;position:absolute;left:-1800px"
id=jaap></td>
</tr>
</table> |
Maintenant, attention pour faire vos changements.
top:350px
======> C'est la distance entre votre papier
et le haut de la page.
C'est cette valeur que vous devez changer si votre texte est trop long.
Par exemple, si vous mettez top:500px , vous aurez plus d' espace pour
écrire au centre de votre page
height:400px
=====> C'est la hauteur de votre papier.
Bas.jpg
===> C'est le nom de votre papier
Vous obtenez ceci
9 - Insertion du script.
Copier et coller le script après l'insertion du papier bas, soit sur la ligne 31
( faire "Entrée" sur votre clavier si besoin )
<script language=vbscript>
'--------------------------------------------------------------------------------------
'©Mountain-Scripting
'http://www.mountain-scripting.nl/
'created 26-6-2005
'please don't remove these lines
'it is not allowed to remove something or add Java to my scripts'
'het is niet toegestaan om iets uit het script te verwijderen of Javascript toe te voegen
'Cris
'----------------------------------------------------------------------------------------
joke.background=jaap.src
sub window_onload()
joke.style.filter="progid:DXImageTransform.Microsoft.Spiral(GridSizeX=16, GridSizeY=16, Duration=10) "
Settimeout"start",500
end sub
sub start()
cleartimeout
joke.filters(0).apply()
joke.style.visibility="visible"
joke.filters(0).play
end sub
</script> |
10 - La musique.
Votre page est presque terminée.
Copier et coller cette ligne sous les deux balises du titre.
| <bgsound src="Music.mid" balance=0 volume=0 loop=99> |
Comme cela
11 - Votre page est terminée.
Vous pouvez à présent la visualiser, et l' enregistrer une dernière fois avant de l' heberger.
|
|
|
|