Html et Javascript : tout est possible ... ou presque !
Si l'on veut alors sortir de l'ordinaire ... et réaliser des pages de type "pro", il faut aller plus loin .
L'utilisation d'un logiciel "wysiwyg" a ses limites. Du moins pour ceux que l'on trouve actuellement dans le commerce ou ceux dont on peut disposer gratuitement (CHP2, par exemple) soit dans les kits de connection disponibles chez les fournisseurs d'accès, soit téléchargeables sur le Web.
HTML et Javascript seront vos deux outils principaux. L'un comme l'autre sont une succession de codes bien précis (comme la bonne vieille programmation de papa) qui vont amener à un résultat tout aussi précis.
Mais pour cela, il est évident que vous devrez vous plonger dans l'étude de ces deux méthodes conceptuelles.
|
Le meilleur moyen : procurez-vous quelques bouquins ayant trait à Html et Java, potassez encore et toujours plus et entrez dans le véritable monde du multimédia avec ses trucs et astuces, ses montages sonores ou vidéo, l'interactivité sans limites ... ou presque. Un autre moyen : surfez sur le WWW à la recherche des pages "qui accrochent". Demandez-vous ensuite comment cela fonctionne, questionnez les forums de discussion qui traitent de ces sujets. Ce sera plus lent et parfois plus laborieux mais vous apprendrez sans doute des "trucs" d'anciens que l'on ne trouve pas dans les bouquins. |
Vous aurez récolté tout au long de ce site une série de conseils, de scripts Html et Java, qui vous donnent une petite idée de tout ce qu'il est possible de réaliser. Utilisez-les, sans en abuser car l'excès dans ce domaine est comme pour tout : il lasse ...
Vous aimeriez réaliser une page comme celle-ci : un fond de votre choix restant fixe et une texte déroulant ?
Alors, procédez dans l'ordre :
choisissez une image :photo, dessin,
graphique, etc.
ajustez-la parfaitement à
l'écran (de votre navigateur !) au moyen d'un logiciel de
retouches.
modifiez-en le contraste et les
couleurs afin que le texte soit parfaitement visible.
importez l'image finale dans une page
vierge ... en écrivant dans le code source :
juste après les balises <HEAD> et </HEAD> qui "enferment" le titre de la page
|
<BODY bgcolor="xxxxxx" background="image.jpg" text="xxxxxx" link="xxxxxx" vlink="xxxxxx" BGproperties="fixed"> |
Les
caractères en bleu représentent
les codes couleur :
Body est la couleur de fond (choisissez ici
naturellement celle par défaut : il n'y en a pas !)
Text, Link et Vlink représentant les
couleurs de caractères de vos textes et liens,
activés ou non.
Background, vous l'aurez deviné, est
l'adresse de l'image que vous choisirez en fond de page.
Repassez maintenant en édition de page normale et le tour est joué !
Attention : soyez attentif au "poids" de votre image : il est nettement plus élevé qu'une simple couleur de fond !
Compressez donc au maximum : le détail a ici beaucoup moins d'importance.
Cette commande a toutefois un inconvénient majeur : elle n'est pas interprétée par tous les navigateurs ...
Il s'agit en effet de ce que l'on appelle un script "propriétaire" ; ici propriétaire à Explorer de Windows. Il existe néanmoins une parade mais que Netscape ignore toujours jusqu'aux versions 4 ; les prochaines moutures des navigateurs devraient toutefois les accepter puisqu'il s'agit d'utiliser les "feuilles de style".
Quel sera alors le script ? En voici la syntaxe :
<BODY BACKGROUND="image.jpg" style="background-attachment:fixed;">
Je n'ai naturellement pas
répété ici les différentes variables
de couleur de liens ou de texte.
Essayez l'un et l'autre : vous obtiendrez le
même résultat ! A vous de choisir ...
