Dreamweaver中如何使用模板(附代码)

不言
Libérer: 2018-09-29 14:56:46
avant
8322 Les gens l'ont consulté

本篇文章给大家带来的内容是关于Dreamweaver中如何使用模板(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

模板的作用:

一、有助于保持整个网站外观和风格的一致;

二、在模板中进行修改后,所有应用模板的页面都将自动更新。

简单示例:

// 在其.dwt 模板中

 设置可编辑区域 
Copier après la connexion

// 在页面中,声明应用模板的地址,以及区域等

     
Copier après la connexion

// 在模板区域内,设置可编辑区域

 放入可编辑区域的内容 
Copier après la connexion


<HTML>
<HEAD>

<TITLE>Templates TITLE>


HEAD>
<BODY>

<TABLEborder="0"align="center"cellspacing="0"cellpadding="0">
<TR>
<TD>

<TABLEborder="0"cellspacing="0"cellpadding="0">
<TR>
<TD><imgsrc="Temp_images/head_1.gif"> TD>
<TD><imgsrc="Temp_images/head_2.gif"> TD>
<TD><imgsrc="Temp_images/head_3.gif"> TD>
TR>
TABLE>
TD>
TR>
<TR>
<TD>

<TABLEborder="0"cellspacing="0"cellpadding="0">
<TR>
<TDvalign="top">

<TABLEborder="0"cellspacing="0"cellpadding="0">
<TR>
<TD><ahref="tempTest_00.html"><imgsrc="Temp_images/left_1.gif"border="0"> a> TD>
TR>
<TR>
<TD><ahref="tempTest_01.html"><imgsrc="Temp_images/left_2.gif"border="0"> a> TD>
TR>
<TR>
<TD><ahref="tempTest_02.html"><imgsrc="Temp_images/left_3.gif"border="0"> a> TD>
TR>
<TR>
<TD><ahref="tempTest_03.html"><imgsrc="Temp_images/left_4.gif"border="0"> a> TD>
TR>
<TR>
<TD><imgsrc="Temp_images/left_5.gif"> TD>
TR>
<TR>
<TD><imgsrc="Temp_images/left_6.gif"> TD>
TR>
<TR>
<TD><imgsrc="Temp_images/left_7.gif"> TD>
TR>
<TR>
<TD><imgsrc="Temp_images/left_8.gif"> TD>
TR>
<TR>
<TD><imgsrc="Temp_images/left_9.gif"> TD>
TR>
<TR>
<TD><imgsrc="Temp_images/left_10.gif"> TD>
TR>
TABLE>
TD>
<TDvalign="top">



<tablewidth="450"border="0">
<tr>
<tdheight="50"> td>
<tdwidth="450"> td>
<td> td>
tr>
<tr>
<td> td>
<tdalign="right"><br><br>
<h1>欢迎来到我的站点! h1>
<br><br><br><br><br><br><br><br>
xugang
<br><br>
2008.10.26
<br>
td>
<td> td>
tr>
<tr>
<td> td>
<td> td>
<td> td>
tr>
table>

TD>
TR>
TABLE>
TD>
TR>
TABLE>
BODY>

HTM

简单示例:

   Templates   
   


欢迎来到我的站点!









xugang

2008.10.26
Copier après la connexion

注意要点:

A 在创建模板时,必须慎重定义可编辑区域和不可编辑区域。

B 模板将自动保存在“Templates”文件夹中,该文件夹在站点的本地根文件夹下。

1. 不能模板从“Templates”文件夹中移出;

2. 不能将非模板文件放在“Templates”文件夹中;

3. 不能将“Templates”文件夹从站点的本地根文件夹中移出。

将现有文件保存为模板:

1.打开要转变成模板的页面;

2.选择“文件”->“另存为模板”,保存模板;

新建空白模板:

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

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

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

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

添加可编辑区域:

方法一:

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

方法二:

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

方法三:

按Ctrl+Alt+V 组合键;

方法四:

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

删除可编辑区域:

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

修改编辑模板:

选择“窗口”->“资源”->“模板”图标->选择要编辑的模板,然后双击,该模板将出现在“文档”窗口,此时即可编辑该模板。

对网页应用模板:

1.打开要应用模板的文档(即:页面);

2.选择“窗口”->“资源”->“模板”图标->选择要应用的模板;

3.将模板从面板拖到页面窗口中(或单击“应用”按钮);

4.在可编辑区域添加或编写数据;

注意:如果文档中已经有内容,必须将现有内容移到模板的可编辑区域内,否则Dreamweaver将会删除这些内容!

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!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!