本篇文章给大家带来的内容是关于dreamweaver中如何使用模板（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
模板的作用：
一、有助于保持整个网站外观和风格的一致；
二、在模板中进行修改后，所有应用模板的页面都将自动更新。
简单示例：
// 在其.dwt 模板中
设置可编辑区域
// 在页面中，声明应用模板的地址，以及区域等
// 在模板区域内，设置可编辑区域
放入可编辑区域的内容
HTML>
HEAD>
TITLE>TemplatesTITLE>
HEAD>
BODY>
TABLE border="0" align="center" cellspacing="0" cellpadding="0">
TR>
TD>
TABLE border="0" cellspacing="0" cellpadding="0">
TR>
TD>img src="Temp_images/head_1.gif">TD>
TD>img src="Temp_images/head_2.gif">TD>
TD>img src="Temp_images/head_3.gif">TD>
TR>
TABLE>
TD>
TR>
TR>
TD>
TABLE border="0" cellspacing="0" cellpadding="0">
TR>
TD valign="top">
TABLE border="0" cellspacing="0" cellpadding="0">
TR>
TD>a href="tempTest_00.html">img src="Temp_images/left_1.gif" border="0">a>TD>
TR>
TR>
TD>a href="tempTest_01.html">img src="Temp_images/left_2.gif" border="0">a>TD>
TR>
TR>
TD>a href="tempTest_02.html">img src="Temp_images/left_3.gif" border="0">a>TD>
TR>
TR>
TD>a href="tempTest_03.html">img src="Temp_images/left_4.gif" border="0">a>TD>
TR>
TR>
TD>img src="Temp_images/left_5.gif">TD>
TR>
TR>
TD>img src="Temp_images/left_6.gif">TD>
TR>
TR>
TD>img src="Temp_images/left_7.gif">TD>
TR>
TR>
TD>img src="Temp_images/left_8.gif">TD>
TR>
TR>
TD>img src="Temp_images/left_9.gif">TD>
TR>
TR>
TD>img src="Temp_images/left_10.gif">TD>
TR>
TABLE>
TD>
TD valign="top">
table width="450" border="0">
tr>
td height="50"> td>
td width="450"> td>
td > td>
tr>
tr>
td> td>
td align="right">br>br>
h1>欢迎来到我的站点！h1>
br>br>br>br>br>br>br>br>
xugang br>br>
2008.10.26br>
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
|
|
| |
|
|
|
|
注意要点：
A 在创建模板时，必须慎重定义可编辑区域和不可编辑区域。
B 模板将自动保存在“Templates”文件夹中，该文件夹在站点的本地根文件夹下。
1. 不能模板从“Templates”文件夹中移出；
2. 不能将非模板文件放在“Templates”文件夹中；
3. 不能将“Templates”文件夹从站点的本地根文件夹中移出。
将现有文件保存为模板：
1.打开要转变成模板的页面；
2.选择“文件”->“另存为模板”，保存模板；
新建空白模板：
1.选择“窗口”->“资源”命令（或按 F11键）。
2.单击“资源”面板上的“模板”图标，显示“模板”面板。
3.单击“模板”面板右下角的“新建模板”图标。
jQuery图片列表动画显示效果
jQuery图片列表动画显示效果，鼠标移到图片上会弹出文字描述，非常适合做素材、网站模板主题的图片列表，兼容主流浏览器，php中文网推荐下载！
使用方法：
1、在head区域引入样式表文件lrtk.css
2、在head区域引入jquery.1.4.2.min.js和lrtk.js
3、在你的网页中加入注释区域
下载
默认情况下，整个模板都处于锁定状态。
添加可编辑区域：
方法一：
在“插入”栏->“常用”选项卡->“模板”图标->“可编辑区域”；
方法二：
在“插入”->“模板对象”->“可编辑区域”；
方法三：
按Ctrl+Alt+V 组合键；
方法四：
右键选中区域->“模板”->“新建可编辑区域”
删除可编辑区域：
选中编辑区域，“修改”->“模板”->“删除模板标记”，该区域将被锁定，不可编辑。
修改编辑模板：
选择“窗口”->“资源”->“模板”图标->选择要编辑的模板，然后双击，该模板将出现在“文档”窗口，此时即可编辑该模板。
对网页应用模板：
1.打开要应用模板的文档（即：页面）；
2.选择“窗口”->“资源”->“模板”图标->选择要应用的模板；
3.将模板从面板拖到页面窗口中（或单击“应用”按钮）；
4.在可编辑区域添加或编写数据；
注意：如果文档中已经有内容，必须将现有内容移到模板的可编辑区域内，否则Dreamweaver将会删除这些内容！
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
![Dreamweaver中如何使用模板（附代码）]()
