Dans Dreamweaver 4.0, nous avons déjà été exposés aux concepts de modèles et de bibliothèques et savons qu'il s'agit de bons outils pour générer par lots des pages Web avec des styles similaires. Désormais dans Dreamweaver MX (ci-après dénommé DW MX), les fonctions des modèles et des bibliothèques ont été encore affinées et renforcées, en particulier la fonctionnalité de mise à jour automatique des pages Web associées, faisant des modèles et des bibliothèques un point fort de DW MX.
1. Tout d'abord, examinons l'application des modèles. Contrairement à Dreamweaver 4.0, DW MX étend le fonctionnement des modèles aux deux menus « Modifier » et « Insérer ». Parallèlement, vous pouvez également créer des modèles directement dans la sous-option "Assert" de l'option "Fichier".
2. Recherchez la sous-option « Asserter » et cliquez sur le bouton « Modèles » dans la barre d'outils de gauche. Le modèle est actuellement vide. Nous pouvons cliquer sur le bouton « Nouveau modèle » dans le coin inférieur droit et un modèle vierge apparaîtra. dans le panneau (comme illustré dans la figure 1), cliquez sur le nom du modèle pour entrer dans l'état modifiable. Notez qu'aucun élément n'a été ajouté au modèle pour le moment. Nous pouvons ajouter des tableaux, des images, du texte, etc. au modèle, tout comme l'édition de pages Web ordinaires. Après l'ajout, enregistrez le modèle. Vous pouvez retrouver le modèle que vous venez de créer dans le sous-dossier "Modèles" du dossier du site par défaut, avec l'extension .dwt.
Si cela vous pose problème, DW MX propose également une méthode plus directe. Après avoir modifié la page Web à enregistrer en tant que modèle, cliquez sur « Enregistrer en tant que modèles » dans le menu « Fichier » pour générer un modèle.
3. Une fois le modèle généré, des zones modifiables doivent être établies pour préparer le remplissage futur de différents contenus Web. Ouvrez le modèle, cliquez sur le menu « Insérer/Objet de modèle/Région modifiable » et la boîte de dialogue de région modifiable apparaîtra. Après avoir spécifié le nom de la région, vous pouvez voir une boîte bleue apparaître dans le modèle. Après enregistrement, le modèle de la zone modifiable est créé.
4. Comment générer des pages Web par lots ? Cliquez sur le menu "Fichier/Nouveau", sélectionnez l'option "Modèles" et vous verrez immédiatement le modèle généré. Cliquez sur le bouton "Créer" et le modèle commencera à être automatiquement appliqué à la page Web. À ce stade, nous pouvons voir que la zone du modèle d'origine est jaune et que les éléments qu'elle contient sont fixes et ne peuvent pas être modifiés, tandis que la zone modifiable que nous venons de désigner est bleue et peut être modifiée. De cette façon, cela simplifie non seulement grandement notre charge de travail consistant à générer des pages Web similaires, mais garantit également efficacement la cohérence du style de la page Web.
5. Enfin, il y a la mise à jour par lots des pages Web associées. Il s'agit d'une technologie indispensable pour les grands sites Web pour mettre à jour les pages Web, et elle peut être facilement implémentée dans DW MX. Étant donné que toutes nos pages Web appliquent le même modèle et que ces pages Web sont enregistrées dans le même répertoire de site, lorsque nous souhaitons apporter des modifications aux éléments communs de toutes les pages Web, il nous suffit de modifier les éléments du modèle.
Ouvrez la sous-option "Modèles" et double-cliquez sur le modèle de la page Web associée. À ce moment, le modèle entre dans l'état modifiable et la zone jaune disparaît. Après avoir modifié le contenu du modèle, une boîte de dialogue d'invite apparaîtra. lors de l'enregistrement : "Les pages Web suivantes utilisent le modèle actuel. , souhaitez-vous mettre à jour ?" (Figure 2) Cliquez sur "Mettre à jour", à ce moment, toutes les pages Web associées créées sur la base du modèle seront mises à jour (Figure 3) .
Figure 2
Figure 3
Semblable aux modèles, la bibliothèque de DW MX est plus flexible. Cliquez sur "Bibliothèque" dans l'onglet "Assert" pour ouvrir la bibliothèque. Il n'y a actuellement aucun élément dans la bibliothèque, comme par exemple. tableaux et images, faites-le glisser directement vers le panneau de la bibliothèque (comme indiqué ci-dessous).
Notez que les éléments de la bibliothèque ne sont pas seulement les images ou le texte eux-mêmes, mais également le code qui organise ces images dans la page Web. Par conséquent, nous pouvons également ajouter les mêmes éléments de bibliothèque à la page Web que dans le modèle pour produire en masse des pages Web avec des styles similaires. Pour le moment, il suffit de faire glisser l'élément vers la nouvelle page Web dans le panneau de la bibliothèque, et le code correspondant sera automatiquement copié sur la nouvelle page Web.
De plus, l'élément de bibliothèque peut également réaliser des mises à jour par lots du site Web. Nous cliquons sur l'élément de bibliothèque dans le panneau de bibliothèque pour faire passer la bibliothèque dans un état modifiable (comme le montre la figure 5). Lorsque l'élément de bibliothèque est modifié et enregistré, tous ceux qui le souhaitent). utilisez l'élément de bibliothèque. La page Web sera automatiquement mise à jour simultanément.
Figure 5
Enfin, il existe un ajout supplémentaire aux mises à jour automatiques : si une page Web est générée à l'aide d'un modèle, mais que vous souhaitez la conserver telle quelle lors de sa mise à jour automatique, et ne pas la mettre à jour avec le reste des pages Web du site, il suffit cliquez sur « Modifier/Modèles/Dissocier des modèles ». À ce stade, la page Web n'est plus contrainte par le modèle et la page Web doit être mise à jour manuellement.