|
5- Dans
Script Edit, mettre en surbrillance ( en bleu) avec votre souris la
première balise <Body>
Puis coller la ligne que vous venez de copier, comme cela.
(* lorsque vous mettez en
surbrillance,
il est inutile de supprimer avant de coller : le collage va remplacer
ce qui etait en bleu)
Changer si besoin le nom de votre tuile en respectant les majuscules.
Exemple : tuile.jpg ======> nom de votre tuile.jpg
Enregistrer votre page.
6- Maintenant, en bas de Script Edit, cliquez sur
"Aperçu"
Vous devriez voir votre tuile comme cela
Revenez ensuite sur le mode "Edition"
7- Le titre de votre page.
Entres les deux balises <title> et
</title>, écrire le titre de votre
page.
Par exemple, j' ai inscrit mon titre : Cours 1
8- La musique.
Copiez ce code
| <bgsound
src="fichiers.mid" loop="infinite"> |
Collez le entre les deux balises HEAD : <head>
</head>
Comme cela et inscrivez le nom de votre musique.
Par exemple : fichiers.mid ====> feeling.mid
9- Pour finir cette première page, nous allons nous occuper
de la scrollbar.
Voici
quelques explications en image concernant la scrollbar.
scrollbar-base-color:
indique
la couleur du dessus de la barre de défilement.
scrollbar-track-color
: 
représente la
couleur
de fond de la barre
scrollbar-shadow-color
: 
représente
l'ombre
scrollbar-arrow-color
: 
représente la couleur des petites
flèches
La scrollbar est incluse dans ses propres balises <style>
et </style>
<style>
BODY{
scrollbar-base-color:#xxxxx;
scrollbar-track-color:#xxxxx;
scrollbar-shadow-color:#xxxxx;
scrollbar-arrow-color:#xxxxxx;
background-color: #xxxxxx
}
</style> |
Copier le code de la scrollbar, puis coller le
derrière la
première balise HEAD,
et n'oublier pas d'assortir les
couleurs
avec votre tuile ( utiliser color cop pour choisir vos couleurs)
Par exemple : #xxxxxx ==========> #728081 (
ma couleur choisie)
10- Pour finir ce premier cours, nous allons insérer
maintenant notre premier script.
Ce script va faire défiler votre page.
<script
language="vbscript">x=0
y=0
x1=0
y1=0
x2=0
y2=0
x3=0
y3=0
Sub
Window_Onload()
Clearinterval
(tvo)
tvo=Setinterval
("scroll", 64)
end sub
Sub
scroll()
x=x+1
y=y+1
document.body.style.backgroundPosition=x&"
"&y
End sub
Sub
window_onresize()
window.location.reload()
End Sub
</script> |
Copiez ce script, puis collez le après la
première balise BODY
Visualiser votre page: Le fond défile
Quelques explications sur ce script:
Sur cette ligne "tvo=Setinterval
("scroll", 64)", 64
représente la vitesse du mouvement de votre page.
Plus le chiffre est bas, et plus vite défile votre page.
x=x+1
et y=y+1
indique la
direction du mouvement de votre page.
Amusez vous à faire des changements , vous
trouverez cela
interréssant.
Vous avez terminé le premier cours.
Enregistrez votre page une dernière fois.
Il ne reste plus qu'à héberger votre page, sans
oublier le
matériel utilisé
|
|
|
|
