Tutoriels Trucsweb
          

 

Niveau : DÉBUTANT (Consulté 37,310 fois)
Compatibilité : Netscape 3+ / IE 4 +

  Ajouter aux favoris  Envoyer à un ami  Version imprimable

Fichiers INCLUDE

Optimiser vos pages HTML

   par Django (Oznog) Blais, Trucsweb (19 Octobre 1999)


imageTechniques utilisées dans ce truc :
document.write, balise NOSCRIPT.

Cette technique permet une très grande liberté en programmation et un dynamisme simple à gérer. Vous créer un fichier texte contenant du code Javascript (extension .txt ou ce que vous voulez, personnellement j'utilise l'extension .js ). Ce fichier peut alors être inclus dans votre document HTML avec une seule ligne de code Javascript. Je ne vais pas m'étendre sur ces possibilités car je n'ai pas le temps de dormir alors je vais vous donner deux exemples très pratiques

Premièrement, avec un fichier javascript include vous pouvez utiliser des routines Javascript dans n'importe quel document HTML sur le web, non seulement ceux de votre site mais aussi ailleurs. C'est donc pratique pour offrir des routines gérées par vous à ceux qui en ont besoin sans avoir à les modifier. Par exemple vous pouvez écrire une chronique dans votre fichier include et tous les pages du monde qui ont la petite ligne Javascript appelant votre fichier include Javascript affiche votre chronique sans avoir à modifier une page HTML.

Deuxièmement, Vous avez une entête ou un bas de page qui ne change jamais mais qui apparaît sur chacune de vos pages, et bien avec un fichier include Javascript vous n'aurez plus besoin de la coder à chaque fois. Et si jamais votre adresse de courrier électronique change et que vous devez modifier chacun des bas de pages ou cette adresse apparaît, vous n'aurez qu'un fichier à modifier pour rendre cette nouvelle adresse disponible sur toutes vos pages HTML.

Il y a des centaines d'utilités pour cette technique, il n'en tient qu'à vous pour en faire bon usage.

Mode d'emploi :

Nous allons créer un document include qui permet d'afficher les informations statiques en bas d'une page HTML, en l'occurrence une ligne horizontale, un menu, le courriel du Webmestre et le copywrite. En Javascript nous utiliserons la mnémonique DOCUMENT.WRITE pour générer du HTML. Noter que le fichier Javascript include ne dois pas avoir de balise <SCRIPT language="Javascript">.

Fichier include : inc_bas.js

//
document.write('<HR><P><FONT FACE="Arial" SIZE="-2">');
document.write('<A HREF="lien1.htm">lien1.htm | </A>');
document.write('<A HREF="lien2.htm">lien2.htm | </A>');
document.write('<A HREF="lien3.htm">lien3.htm</A>');
document.write('<BR>');
document.write('<A HREF=mailto:votre@courriel.com>Contact</A>');
document.write('Copywrite 1999...');
document.write('</FONT></P>');
// -->

Maintenant il ne reste plus qu'à indiquer dans notre document HTML d'inclure le fichier javascript à l'aide d'une balise Javascript. Notez que cet exemple présume que votre fichier Javascript include est dans le même répertoire que votre document HTML mais vous pouvez tout aussi bien aller le chercher n'importe où en utilisant une URL entière (http://...).

<SCRIPT LANGUAGE="javascript" SRC="inc_bas.js"></SCRIPT>

Il reste un petit détail, certain navigateur ne sont pas compatible avec le Javascript et d'ailleurs une mode incite les gens à désactiver le Java et le Javascript des navigateurs. Pour être bien sur que votre message est bien passé il existe un moyen pour offrir une alternative avec la balise NOSCRIPT. Vous n'avez qu'à ajouter ce code dans votre document HTML juste après le code include en javascript.

<NOSCRIPT>

<HR><P><FONT FACE="Arial" SIZE="-2">
<A HREF="lien1.htm">lien1.htm | </A>
<A HREF="lien2.htm">lien2.htm | </A>
<A HREF="lien3.htm">lien3.htm</A>
<BR>
<A HREF=mailto:votre@courriel.com>Contact</A>
Copywrite 1999...

'</FONT></P>

</NOSCRIPT>

 Début de la page


TrucswebTrucsweb


Fil d'info Trucsweb


 
sp

Hébergement de qualité!

partenaire
Rechercher un tutoriel!
 
recherche avancée
Abonnez-vous!

 

Save the Net

 
sp
 C O M M A N D I T E S 
sp






 
sp
 T U T O R I E L S 
sp
· ASP / VBscript
· C/C++
· CSS
· DHTML
· CGI / Perl
· HTML
· Java/JSP
· Javascript
· PHP
· SSI
· WAP/WML
· XML/XSL
· Infographie
· Flash et Shockwave
· Audiovisuel
· Images gratuites
· Hébergement
· Analyses de logiciels
· Internet et Protocoles
· Veille intégrée
· Référencement
· Sécurité
· Outils gratuits
 
sp
 F O R U M S 
sp
· Forum Javascript
· Forum HTML/CSS
· Forum ASP/VBScript
· Forum Flash
· Tous les forums
 
sp
 S E R V I C E S 
sp
Generateur Trucsweb
· Générateur
· Répertoire
· Logithèque
· Glossaire
· Forum
· Nouveautés Dev Zone
· Ajouter un site
· Ajouter un logiciel
· Ajouter un tutoriel
· Fil d'info sur votre site
· Tester votre site
 
sp
 A P P L I C A T I O N S 
sp
· twCompteur 1.0 Nouveau
· twCalende 1.0 Nouveau
· twLiMenu 1.0 Nouveau
· twValide 2.2 sp
· twAliste 1.0 sp
· twASPDate 2.0 sp
· twASPLivre 1.0 sp
 
sp
 R É F É R E N C E S 
sp
· W3C HTML 4.0
· W3C XHTML 1.0
· Web Design Group
· W3C SMIL 2.0
· W3C XML 1.0
· XML Cover Pages
· W3C CSS LEVEL 2
· Netscape Javascript 1.5
· Netscape Javascript 1.4
· Netscape Javascript 1.3
· Netscape DHTML
· Gecko DOM ref.
· IE DHTML
· VBScript Language Ref.
· JScript Language Ref.
· ASP Object Quick Ref.
· ADO API Reference
· Microsoft IIS5
· MSDN Library
· RFC Editor Site
· HTML 4.0 code de caractères
· Unicode fonts
· Manuel PHP
· Documentation Perl
· Perl 5 Reference Guide
· Flash actionscript FAST
· ActionScript dictionary
· MySQL Manual
· SQL Pro (F. Brouard)
· Java Language Spec.
· Java 2 SDK Doc. V1.3.1
· JavaServer Pages Ref.
· C/C++ Language Ref.
· Python Library Reference
· Les Navigateurs
· Terminologie d'Internet
· Traduction
· Traduction systran
· Traduction d'interface client
· Extensions de fichiers
· Virus Wildlist
· Virus Alerts
 
sp
 D O M A I N E S 
sp
iWeb

iWeb
 
sp
 C O P Y R I G H T  
sp

 

accueil | tutoriels | logithèque | répertoire | forum



© 1997-2006
Django (Oznog) Blais
Rivière-du-Loup, Québec
Ajouter à votre Sidebar  RSS 1.0
 
Conception Oznog co. Multimédia


Hit-Parade    Tout navigateurs   

29 visiteurs