Avec la popularité d’Internet, de nombreuses personnes ne se contentent plus de surfer sur Internet, mais souhaitent y participer en profondeur. Aujourd’hui, avoir son propre site Web est devenu une tendance. Bien qu'il ne soit pas difficile de créer une simple page Web, il n'est pas si facile de créer un site Web extraordinaire. C'est pourquoi nous avons spécialement préparé pour vous une série de didacticiels sur le dernier logiciel de conception de sites Web Dreamweaver MX 2004. Nous espérons que ce sera le cas. utile pour vous.
Il existe généralement des dizaines, voire des centaines de pages avec des styles fondamentalement similaires dans un site Web. Il serait très difficile de réinitialiser
à chaque fois la structure de la page Web, la barre de navigation et les diverses icônes situées sous la même colonne
.La fonctionnalité de modèle de 2004 simplifie les opérations. En fait, la fonction d'un modèle est de séparer la mise en page et le contenu d'une page Web. Une fois la mise en page conçue, elle est stockée en tant que modèle. De cette manière, des pages avec la même mise en page peuvent être créées via le modèle. peut grandement améliorer l'efficacité du travail.
1. Créer un modèle
Créer un modèle est exactement la même chose que créer une page ordinaire, sauf que vous n'avez pas besoin de créer toutes les parties de la page. Il vous suffit de créer les parties communes de chaque page telles que la barre de navigation et. barre de titre et utilisez la zone centrale avec la page Remplissez le contenu spécifique.
Étape 1 : Exécutez d'abord la commande "Fichier → Nouveau" dans Dreamweaver MX 2004, puis sélectionnez l'option "Page modèle → Modèle HTML" dans la fenêtre illustrée dans la figure 1, puis cliquez sur le bouton "Créer" pour créer un document modèle.
Étape 2 : Insérez le cadre de la page Web, la barre de navigation, le titre Flash et d'autres éléments communs à toutes les pages dans la vue de conception de page (Figure 2), puis exécutez la commande "Fichier → Enregistrer" pour enregistrer le modèle.
Astuce : Vous pouvez d'abord télécharger une page Web que vous aimez, puis l'ouvrir dans Dreamweaver MX 2004, conserver uniquement le cadre et les autres éléments, puis l'enregistrer en tant que modèle via la commande "Fichier → Enregistrer en tant que modèle", qui peut enregistrer un beaucoup de temps à créer des modèles.
Afin d'éviter les modifications des éléments du modèle causées par une mauvaise opération lors de l'édition, le contenu du modèle n'est pas modifiable par défaut. Ce n'est qu'après qu'une certaine zone ou un certain texte est défini comme modifiable qu'il peut être modifié dans le document créé par le. modèle. Utilisez d'abord la souris pour sélectionner une région (c'est-à-dire la région avec un contenu différent sur chaque page), puis exécutez la commande "Modifier → Modèles → Nouvelle région modifiable" et définissez un nom pour cette région dans la boîte de dialogue contextuelle. , et vous avez terminé. Modifier les paramètres de la zone.
Astuce : Après avoir défini la zone d'édition, vous devez exécuter la commande "Fichier → Enregistrer" pour enregistrer les modifications.
2. Utilisez des modèles
Une fois que vous disposez de modèles, vous devez les utiliser lors de la modification de pages Web. Tant que vous exécutez la commande "Fichier → Nouveau" dans la fenêtre principale de Dreamweaver MX 2004, vous verrez la nouvelle fenêtre illustrée dans la figure 1, puis accédez à l'onglet "Modèles" pour afficher les modèles enregistrés. Vous pouvez également sélectionner. un d'entre eux à droite Aperçu dans la zone d'aperçu (Figure 3), et enfin sélectionnez un modèle que vous aimez et cliquez sur le bouton "Créer" en bas pour ouvrir ce modèle.
Dans le modèle ouvert, les zones qui ne peuvent pas être modifiées seront mises en surbrillance, mais certains emplacements sont des zones verrouillées mais non mises en surbrillance. Ceci est principalement dû au fait que l'image recouvre simplement la couleur d'arrière-plan. Dans ce cas, vous pouvez exécuter la commande "Édition → Préférences", sélectionner l'élément "Mise en surbrillance" dans la liste "Catégorie" de la fenêtre contextuelle, puis sélectionner l'option "Afficher" à côté de "Régions verrouillées" dans la fenêtre contextuelle. zone droite (Figure 4) et définissez la couleur de surbrillance sur bleu, afin que vous puissiez identifier clairement la zone verrouillée dans le modèle.
Astuce : Si vous ne parvenez toujours pas à voir l'effet de surbrillance, vous pouvez également sélectionner la commande "Affichage → Aides visuelles → Éléments invisibles" dans l'ordre.
Enfin, il suffit d'ajouter le contenu de la page Web dans la zone modifiable, comme l'ajout de descriptions de texte ou l'insertion d'images correspondantes, et enfin d'enregistrer la page via la commande "Fichier→Enregistrer".
3. Modifier et remplacer les modèles.Après
avoir créé plusieurs pages via des modèles, si vous devez modifier les pages ou ajouter des colonnes, il sera très difficile de modifier manuellement toutes les pages. Par conséquent, nous pouvons résoudre ce problème grâce à la fonction de modification du modèle. Dreamweaver MX 2004. . Par exemple, après avoir modifié le modèle, exécutez la commande "Fichier → Enregistrer" pour enregistrer le modèle. À ce moment, une boîte de dialogue apparaîtra vous demandant si vous devez mettre à jour toutes les pages qui utilisent le modèle (Figure 5). la page mise à jour sera affichée. Le nombre total, l'heure mise à jour et d'autres informations.
De plus, Dreamweaver MX 2004 propose également une fonction permettant de modifier les modèles de pages Web. Changer de modèle est un peu comme changer de vêtements pour les personnes. Il vous suffit de créer différents modèles et de porter ce que vous voulez. Cependant, les modèles ne peuvent pas être remplacés par hasard. Les conditions de remplacement des modèles sont que la page à remplacer doit être créée via un modèle et que le nombre et le nom des zones modifiables de la page doivent correspondre au numéro et au nom des zones modifiables de la page. le modèle à remplacer est cohérent. Par exemple, il existe trois zones modifiables dans une page Web, nommées respectivement t1, t2 et t3. Il existe également un modèle. Quelle que soit la structure de ce modèle, tant qu'il comporte également 3 zones modifiables et que les noms sont t1, t2 et t3, vous pouvez l'utiliser pour remplacer la page Web d'origine par un nouveau modèle. , et les 3 zones modifiables de la page peuvent Le contenu de la zone d'édition reste donc inchangé. La méthode spécifique de remplacement des modèles est également très simple. Exécutez simplement la commande "Windows → Modèles" pour ouvrir le panneau des modèles. À ce stade, vous pouvez sélectionner le modèle approprié dans la zone supérieure, puis cliquer sur "Appliquer à la page". bouton, afin que l'opération de remplacement du modèle puisse être terminée rapidement.
Astuce : utilisez cette fonction pour créer des versions été et hiver de la page d'accueil du site Web, ce qui rend le changement de modèle très pratique.
En fait, il existe de nombreux contenus connexes sur les modèles, mais en raison du manque d'espace, je ne peux sélectionner que quelques introductions. J'espère que tout le monde pourra tirer des conclusions à partir d'un exemple et comprendre pleinement les subtilités des modèles.