Introduction

              1.Qu'est ce que  le Dhtml.
     Le Dhtml étend les possibilités du Html ;
        Il le rend plus souple en permettant de réutiliser des designs particuliers, en les appliquant par exemple à un ensemble de feuilles, (Styles).
        Il rend le Html dynamique en permettant de modifier la page après son chargement.

              2.Connaissances requises.
     Vous devez avoir une bonne expérience des tags les plus communs du Html, je vous rappelle mon Tutorial Html.

              3.Objet de ce tutorial.
     Ce tutorial doit permettre d'appliquer les connaissances au fur et à mesure de leur acquisition. Pour cela nous emploierons constamment une forme telle que celle ci-dessous. Cette forme présente pour l'instant une page html sans contenu, (la page affichée serait vide).
    Démonstration, écrivez votre nom dans la forme ci-dessous, (appelée Exemple 1),  dans la ligne suivant le tag <Div Class="clsTitre">
    Ensuite cliquez sur le bouton situé sous la forme, "Afficher la page"
    Une fenêtre s'affiche en haut et à gauche de l'écran visualisant la page contenu dans la forme, dans la cas présent le texte que vous avez frappé. Vous n'êtes pas obligé de fermer cette fenêtre pour continuer le cours, elle sera réactualisée chaque fois qu'il en est besoin et elle se fermera automatiquement quand vous fermerez l'écran affichant le tutorial. Si vous fermez cette fenêtre, elle se réouvrira automatiquement quand vous recliquerez sur le bouton "Afficher la page".

    Deux modes d'utilisation de cette forme, soit écrire un texte comme précédemment ou charger un contenu et généralement le modifier pour voir l'effets de ces modifications sur une page html.
    Vous serez donc invité a cliquez sur des liens comme celui-ci :
    Exemple de chargement de la forme ci-dessus. Cliquez sur ce lien et ensuite  cliquez sur le bouton situé sous la forme, "Afficher la page". Cliquez sur le bouton Code initial pour revenir au code présent au chargement de la page. Le bouton Effacer le code, donne le contenu d'une page blanche.

              3.Infobulles.

    Si vous passez le curseur de la souris sur un texte surligné comme celui-ci vous verrez apparaître une infobulle. Si il est facile de réaliser cet effet sous Internet Explorer cela l'est beaucoup moins sous Netscape. Cet effet est expliqué plus loin dans ce tutorial, (application du  positionnement).

              4.Inter-Navigateurs.

    Je me suis attaché , je l'espère avec succès, à faire en sorte que toutes les commandes explicitées soit exécutables en inter-navigateurs, c'est à dire au moins dans les deux principaux, Internet Explorer 4 + et Netscape 4 + . Ceci m'a conduit à éliminer certaines commandes non inter-navigateurs. Maintenir des versions différentes de pages pour chaque Navigateur devient vite un cauchemar.

	Sommaire
Précédent		Suivant