Maison >outils de développement >dreamweaver >Comment utiliser des modèles dans Dreamweaver (avec code)

Comment utiliser des modèles dans Dreamweaver (avec code)

不言avant: 2018-09-29 14:56:468585parcourir

Le contenu de cet article explique comment utiliser les modèles dans Dreamweaver (avec du code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Les fonctions des modèles :

1. Il permet de maintenir une apparence et un style cohérents de l'ensemble du site Web

2. effectué dans le modèle, toutes les pages auxquelles le modèle est appliqué seront automatiquement mises à jour.

Exemple simple :

// dans son modèle .dwt

<!-- TemplateBeginEditable name="myName" -->
    设置可编辑区域
<!-- TemplateEndEditable -->

// dans On la page, déclarez l'adresse du modèle de candidature, ainsi que la zone, etc.

<HTML>
<!-- InstanceBegin template="/Templates/myTemplates.dwt" codeOutsideHTMLIsLocked="false" -->
  <HEAD>
  </BODY>
<!-- InstanceEnd -->
</HTML>

// Dans la zone du modèle, définissez la zone modifiable

<!-- InstanceBeginEditable name="myName" -->
    放入可编辑区域的内容
<!-- InstanceEndEditable -->

新建空白模板：

1.选择“窗口”->“资源”命令（或按 F11键）。

2.单击“资源”面板上的“模板”图标，显示“模板”面板。

3.单击“模板”面板右下角的“新建模板”图标。

默认情况下，整个模板都处于锁定状态。

添加可编辑区域：

方法一：

在“插入”栏->“常用”选项卡->“模板”图标->“可编辑区域”；

方法二：

在“插入”->“模板对象”->“可编辑区域”；

方法三：

按Ctrl+Alt+V 组合键；

方法四：

右键选中区域->“模板”->“新建可编辑区域”

删除可编辑区域：

选中编辑区域，“修改”->“模板”->“删除模板标记”，该区域将被锁定，不可编辑。

修改编辑模板：

Sélectionnez "Fenêtre"->"Ressources"->Icône "Modèle"->Sélectionnez le modèle que vous souhaitez modifier, puis double-cliquez dessus. Le modèle apparaîtra dans la fenêtre "Document" et. vous pouvez modifier le modèle.

Appliquer un modèle à une page Web :

1. Ouvrez le document (c'est-à-dire la page) auquel vous souhaitez appliquer le modèle

2. " -> "Ressources" - >Icône "Modèle"->Sélectionnez le modèle que vous souhaitez appliquer ;

3. Faites glisser le modèle du panneau vers la fenêtre de la page (ou cliquez sur le bouton "Appliquer". bouton);

4. Ajoutez ou écrivez des données dans la zone modifiable

Remarque : S'il y a déjà du contenu dans le document, vous devez déplacer le contenu existant vers la zone modifiable du modèle, sinon Dreamweaver supprimera son contenu !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Méthode de correspondance des couleurs du code couleur Dreamweaver CS6 sous le système Win8Article suivant：Méthode de correspondance des couleurs du code couleur Dreamweaver CS6 sous le système Win8

Articles Liés

Voir plus