Modèles Dreamweaver

Name: Modèles Dreamweaver
Author: Patti Scully-Lane

La fonctionnalité Modèle est utile dans Dreamweaver car elle vous permet de créer un « shell » ou une mise en page cohérente sur toutes vos pages. Vous pouvez…

Preview the first lesson free — get full access to all 4 lessons.

Demander une démo Se connecter

Cours : à la demande

Dans cette leçon, vous allez apprendre à créer un modèle à partir d'une mise en page dans Adobe Dreamweaver. Avant de commencer, nous devons créer un site car la fonction de modèle ne fonctionnera que si vous travaillez au sein d'un site. Nous allons donc aller dans le menu du site, vers un nouveau site, et nous allons nommer ce "module cinq modèles", et nous allons cliquer sur cette icône de dossier. Maintenant, j'ai enregistré les cinq fichiers de cours du module sur mon bureau. Tu vas naviguer partout où c'est vous avez enregistré le dossier cinq modèles du module dans le dossier des fichiers de cours du module cinq. Maintenant, si vous n'êtes pas familier avec l'utilisation de sites dans Dreamweaver, vous pouvez retourner au module un de ce cours Dreamweaver intermédiaire et surveillez la gestion des sites dans Dreamweaver pour plus d'informations. Nous allons cliquer sur le bouton enregistrer. Et ici dans notre panneau de fichiers nous avons toutes les informations pour notre site Web. Et nous avons quelques pages individuelles ici. Et si je clique sur ma page d'index, Je peux voir que j'ai une mise en page sur mes pages. Si nous cliquons sur notre page randonnées, Je peux voir que j'ai une disposition similaire ici aussi. Maintenant, la façon dont ce site a été créé utilisait des pages individuelles. Et donc ce que cela signifie, c'est dire que je dois changer le nom d'un lien, ou peut-être des informations en bas de ma page. Eh bien, si je fais ça, la façon dont j'ai mis ça en place avec des pages individuelles signifie que je dois faire ce changement sur chacune des pages individuelles de mon site. Et c'est là que la fonctionnalité de modèle dans Dreamweaver entre en jeu, car la fonction de modèle permet de créer un shell. Et ce shell contient les informations qui est cohérent sur toutes vos pages. Et puis vous faites des zones modifiables de votre page, et seules ces zones peuvent être mises à jour par l'utilisateur. Et ainsi, si vous avez besoin de modifier le shell, quand vous le faites, cela mettra à jour le shell de toutes les pages qui ont été construits sur la base de ce modèle. C'est donc une excellente fonctionnalité pour vous aider à apporter des modifications au contenu à l'échelle mondiale. Je vais fermer ces deux fichiers, et nous allons passer au panneau des fichiers, à concevoir.HTML. Voici donc cette coquille. Et nous n'avons aucun contenu textuel et nous avons un graphique ici, mais nous allons l'utiliser tout de suite en tant que graphique d'espace réservé. La première chose que vous devez faire avec un modèle est de sauvegarder ce modèle. Nous allons donc aller dans le menu fichier. Désormais, il existe deux façons d'enregistrer un modèle dans Dreamweaver. La première consiste à descendre dans le menu Enregistrer en tant que modèle. C'est la meilleure façon de procéder. Et la raison en est que nous obtenons cette boîte de dialogue, enregistrer en tant que modèle, et il nous demande quel site nous aimerions associer ce modèle avec. Donc je vais juste nommer ce "design_template" et nous allons économiser. Maintenant, c'est la partie cruciale. Il nous demande si nous voulons mettre à jour nos liens. Nous voulons toujours dire oui lorsque nous travaillons avec des modèles. Et donc si nous regardons ici dans notre panneau de fichiers, nous avons maintenant un nouveau dossier dans notre dossier de site, et c'est le dossier des modèles. Dreamweaver a donc automatiquement créé un dossier de modèles et enregistré notre design_template là-dedans. Maintenant, vous remarquerez que cela a une extension différente, cela n'a plus l'extension HTML. Il a un DWT, qui signifie modèle Dreamweaver. Il s'agit d'une fonctionnalité qui ne fonctionnera que dans Dreamweaver. Si vous avez des personnes qui font partie de votre flux de travail qui ne travaillent pas dans Dreamweaver, cela pourrait potentiellement causer des problèmes avec l'édition de vos pages. Cela doit donc être fait strictement dans Dreamweaver. Si nous revenons ici et nous ouvrons à nouveau ce design.HTML, la deuxième façon de sauvegarder quelque chose en tant que modèle est d'aller dans le menu fichier, d'enregistrer sous, et choisissez parmi le type de sauvegarde, fichier de modèle. Maintenant, la chose à ce sujet est que si nous cliquons sur ce bouton de sauvegarde, il ne nous demande pas de liens. Il ne le met pas par défaut dans le dossier de ce modèle non plus. Donc, il n'associe vraiment pas ce modèle au site. Il l'enregistre dans le site, mais il ne l'associe pas en tant que fichier de modèle. Alors juste pour qu'on ne s'embrouille pas, nous allons faire un clic droit sur ce design.DWT, modifiez-le et supprimez-le. Et oui, nous voulons vraiment supprimer ce dossier, et nous pouvons le fermer ici et cliquer sur OK. Ainsi, lorsque vous travaillez avec des modèles Dreamweaver, la première chose que vous devez faire est d'enregistrer un modèle et associez ce modèle au site en faisant en sorte que Dreamweaver le mette automatiquement dans le dossier des modèles et le modèle de soulignement de conception sous forme de fichier DWT. Ainsi, dans cette leçon, vous avez appris à enregistrer un document HTML comme modèle dans Adobe Dreamweaver.

Intermédiaire Fournisseur : Patti Scully-Lane 4 leçons · 26m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Ourdou, Chinese

Description du cours

La fonctionnalité Modèle est utile dans Dreamweaver car elle vous permet de créer un « shell » ou une mise en page cohérente sur toutes vos pages. Vous pouvez ensuite créer des zones modifiables sur vos pages afin que seules ces zones puissent être mises à jour par les utilisateurs. Les modèles permettent de modifier facilement le contenu à l’échelle mondiale. Si vous devez apporter des modifications au « shell », il effectuera des mises à jour sur toutes les pages basées sur ce modèle.

Objectifs de la formation

Ce que vous allez apprendre

Reconnaître les avantages de l'utilisation d'un modèle dans Dreamweaver
Enregistrer un document HTML en tant que modèle
Ajouter des zones modifiables à un modèle
Créer une nouvelle page à partir d'un modèle
Apporter des modifications à un modèle et mettre à jour toutes les pages qui en sont issues

Points clés à retenir

La fonctionnalité de modèle de Dreamweaver vous permet de créer une structure ou une disposition cohérente sur toutes vos pages.
Des zones modifiables peuvent être définies sur un modèle afin que les utilisateurs ne puissent mettre à jour que ces zones spécifiques.
Les modèles permettent de modifier facilement le contenu de manière globale sur plusieurs pages.
Les modifications apportées à la structure du modèle sont appliquées à toutes les pages basées sur ce modèle.

Foire aux questions

Que couvre ce cours sur les modèles Dreamweaver ?

Il couvre la reconnaissance des avantages de l'utilisation d'un modèle, l'enregistrement d'un document HTML en tant que modèle, l'ajout de zones modifiables, la création d'une nouvelle page basée sur un modèle, ainsi que la modification et la mise à jour d'un modèle.

Qu'est-ce qu'un modèle dans Dreamweaver ?

Un modèle est une structure ou une mise en page qui reste cohérente sur toutes vos pages, avec des zones modifiables qui permettent aux utilisateurs de mettre à jour uniquement ces zones.

Comment les modèles aident-ils à apporter des modifications sur de nombreuses pages ?

Les modèles permettent de modifier facilement le contenu de manière globale ; si vous modifiez la structure, toutes les pages basées sur ce modèle sont mises à jour.

Quelles leçons sont incluses dans ce cours ?

Les leçons sont : Créer un modèle à partir d'une mise en page, Ajouter des zones modifiables dans un modèle, Créer une nouvelle page à partir d'un modèle, et Apporter des modifications à un modèle et mettre à jour des pages.

À quelles compétences ce cours se rapporte-t-il ?

Il se rapporte à Adobe Dreamweaver, au moteur de modèles, aux boîtes à outils de modèles, aux modèles, aux systèmes de modèles web et aux bibliothèques de modèles Windows.