Les modèles - 2 : Tableau répété et région répétée
Écrit par Bertrand | 28-07-2005
Index de l'article
Les modèles - 2 : Tableau répété et région répétée
Page 2

Création d'une région répétée

Pour cet objet de modèle, nous allons partir de l'exemple proposé par Yeca dans l'introduction au modèle, à savoir préparer une barre de menus qui sera la même sur toutes les pages.
Seule différence : le menu sera vertical et nous ne savons pas encore combien de menus il y aura. Il faut donc laisser à d'autres personnes de l'équipe la possibilité d'en rajouter, voir même d'en supprimer, ou de les organiser de façon différente. Bien sûr la technique du tableau répété aurait très bien pu être utilisée mais pour les besoins de la cause oublions là pour l'instant...

Créez un nouveau modèle (Fichier > Nouveau > Page de base : Modèle HTML ), puis créez une liste non ordonnée à l'aide du panneau Propriétés :

Tapez simplement le mot Accueil , laissez le curseur dans le mot cliquez sur le bouton Liste simple de l'inspecteur de Propriétés

Le code HTML correspondant est le suivant (ici aperçu mode Code et Création) :

Attention, ici nous voulons que ce soit l'élément de liste <li> qui soit répété, et non la liste en elle-même <ul> .
Donc conseil : cliquez sur la balise <li> dans le sélecteur de balise, en bas à gauche du document, de façon à sélectionner précisément cette balise (il peut être nécessaire de faire 2 clics successifs pour que la balise ouvrante soit également prise en compte).  Une fois sûr de votre sélection, faites un clic droit sur le mot Accueil (qui doit normalement être en sélection, fond noir) dans le volet Création et allez dans Modèle > Nouvelle région répétée...
Donnez lui un nom expressif (je l'ai appelé ElementMenu ) et validez.

Dreamweaver a bien créé notre région répétée mais vous pouvez constater qu'à la différence de la technique du tableau répété, il n'a pas créé de région modifiable automatiquement. C'est à nous d'effectuer cette étape supplémentaire. Voilà en quoi réside la différence entre ces objets de modèle.
Donc c'est simple, sélectionnez juste le mot Accueil, faites un clic droit : Modèle > Nouvelle région modifiable... et appelons-la NomElementMenu .

Enregistrez le modèle. Il se peut à ce moment là que vous ayez un avertissement de Dreamweaver ( je ne me rappelle plus si c'était déjà le cas avec DMX):
"Vous avez placé la région modifiable NomElementMenu à l'intérieur d'une balise <P> ou d'une autre balises de bloc. Les utilisateurs de ce modèle ne pourront pas créer de nouveaux paragraphes blablabla... "
Ne vous occupez pas de ce message et continuer votre chemin.
(Justement on ne veut pas que les utilisateurs puissent mettre des paragraphes dans notre cas...)

Voilà notre modèle de menu prêt, nous pouvons créer une page à partir de ce modèles

Ici nous retrouvons ce que nous avons déjà vu avec le tableau répété : le MUI permettant d'organiser nos menus, ajout, suppression, classement.

En conclusion

Ces objets de modèle apportent plus de souplesse que les modèles standards, assez rigides il faut le reconnaitre. Ils permettent de laisser plus de liberté aux personnes qui travaillent sur le même site et qui n'ont pas toujours forcément les compétences lorqu'il s'agit de mise en page.

Parlons tout de même des inconvénients :

  • Beaucoup de code est rajouté dans le code source. Le poids de la page s'en trouve augmenté sensiblement lorque les régions modifiables, répétées fourmillent dans un document. De même la lisibilité du code s'en trouve affectée.
  • Il faut aussi se rappeler que le moindre changement dans un modèle oblige à refaire un transfert sur le serveur de TOUS les fichiers qui utilisent le modèle. En effet, nous ne sommes pas dans une configuration de "site dynamique" : les données ne sont pas lues à partir d'un fichier, ni interprétées par un quelconque langage dynamique.
  • Le serveur n'en a que faire que vous utilisiez ou non des modèles. D'ailleurs pour preuve, à moins de travailler en équipe et de partager des modèles avec d'autres, ceux-ci n'ont aucunement besoin d'être transférés sur le serveur.

Néanmoins, nous verrons dans la troisième partie de cette série sur les modèles, que nous pouvons nous rapprocher des fonctionnalités d'un site dynamique (sans en atteindre la puissance) grâce à d'autres types d'objets de modèles  : les attributs modifiables, les régions facultative.

 

Partie 3 : attributs modifiables, régions facultatives



 
Dernière mise à jour : 31-07-2005