Aller plus loin dans la réalisation : Html et Javascript

Les "trucs et astuces" qui donnent un caractère particulier à un site sont abordables par l'utilisation de HTML et Javascript, à condition le plus souvent, de mettre les "mains dans le cambouis" comme disent les initiés ! La grande majorité des éditeurs de pages utilisés par les apprentis "Webmestres" ... et parfois encore par les concepteurs chevronnés, ne montrent pas la "face cachée" de la page : il s'agit de logiciels dits "Wysiwyg", autrement dit "What you see is what you get" ; en français ... et en clair "Ce que vous voyez est ce que vous obtenez sur un navigateur". Et comme Monsieur Jourdain à propos de la prose, un bon nombre d'utilisateurs font du HTML sans même le savoir ... Il est donc intéressant de s'initier à ce langage de mise en page (à ne pas confondre avec un langage de programmation !) pour rendre un site plus "accrocheur", soit par des astuces améliorant la "lisibilité", soit par d'autres utilisant les ressources du multimedia.

Sans avoir la prétention de vous apprendre réellement et complètement HTML et Javascript, cette rubrique vous propose une initiation par l'exemple. Quelques pages d'astuces comprenant exemples, scripts et explications vont vous ouvrir un monde méconnu qui vous donnera peut-être envie d'aller plus loin dans la connaissance de ces langages.

peureux

Vous rencontrerez malheureusement parfois des écueils sur votre route : ceux qui feront que "cela ne marche pas" ou que "la page est différente", selon que vous utiliserez l'un ou l'autre des navigateurs présents sur la "grande toile". Internet Explorer et Netscape Navigator (aujourd'hui les navigateurs issus de Mozilla) sont les deux principaux : 80 % pour l'un et 20 % pour l'autre dans la répartition moyenne (en 1999) des utilisateurs. Et force est de constater que c'est celui qui a la plus petite part de marché ... qui pose le plus de problèmes ! On comprend dès lors mieux la raison de sa position de second : plus exigeant (plus pinailleur, diront certains ...) dans la précision de la syntaxe, comportant plus de bogues (aujourd'hui, avec Mozilla, c'est le contraire : il est plus respectueux des normes que son homologue ...), ne suivant pas vraiment les normes édictées par le W3C ... et même parfois incapable de lire le Javascript dont, pourtant, il est l'inventeur. Il vous arrivera alors de vouloir faire des choix. Parmi ceux-ci (et vous en trouverez dans les quelques scripts que je vous propose), certains sont pourtant devenus presque indispensables. Je les utilise personnellement et tente, autant que possible, de réaliser en parallèle une alternative offrant "presque" les mêmes fonctions.

Attention : la plupart de ces scripts ont été créés au tout début de la publication de la première version de ce site, en 1997. Le code a donc été écrit non seulement selon les capacités d'affichage de l'époque mais également en utilisant le "bon vieux HTML" aujourd'hui quelque peu dépassé. Vous y trouverez donc des balises HTML dont certaines sont devenues obsolètes ... mais qui permettent toujours un affichage correct. Les temps ont pourtant changé et les normes actuelles et à venir préconisent une séparation du fond (HTML) et de la forme (CSS) ; à vous de faire les corrections nécessaires si vous les jugez utiles. Ces scripts conçus pour les navigateurs d'une ancienne génération peuvent parfois ne plus "fonctionner" correctement ... A vous de les tester, et de les modifier éventuellement, en fonction des besoins actuels.



Les fonds de page qui se démarquent ...
Le son : offrir commentaires ou musique
Afficher une bulle de texte au passage de la souris
La souris fait changer la couleur du lien
Les cadres (frames) : du plus simple ...
Les cadres (frames) : au plus élaboré ...
La souris interactive : pratique du "roll-over"
Les "pop-up" ou fenêtres à dimensions réglables
Faire défiler un texte en boucle : 1ère partie
Faire défiler un texte en boucle : la suite
Faire défiler un texte dans la barre d'état
Insérer un texte dans la barre de titre
Réaliser un dégradé de couleurs dans un texte
Réaliser un texte ombré (effet 3D)
Afficher une page différente chaque jour de la semaine
Précharger les images pour accélérer le "roll-over"
Les formulaires de saisie : du plus simple au "pro"...
Codes ou langage "clair" ? ... les principales couleurs
Realiser un menu déroulant, c'est offrir plus de choix
Gagnez de la place sur une page : le journal déroulant
Bulle de texte paramétrable affichée par la souris
Création et projection d'un diaporama
Rollover, pop-up et interactivité : mélange (d)étonnant !
Texte défilant en boucle : nouveau script "universel"
Détection de la résolution d'écran du visiteur de votre site
Créer une fenêtre "pop-up" filante ... et déroutante !
Redirections automatiques simples ou ciblées


Script en cours d'écriture ...



malicieux



webmestre

HTML et JavaScript, formulaire



Je travaille pour vous !
Revenez voir de temps à autre :
il y aura du nouveau !!!

Copiez le logo ci-dessous :

logo

et faites un lien vers ce site !



Docanski Concept

Comment créer un site Web