模板的作用:

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

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

// 在其.dwt 模板中

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

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

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

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

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

简单示例:

Demo

注意要点:

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

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

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

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

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

将现有文件保存为模板:

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

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

新建空白模板:

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

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

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

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

添加可编辑区域:

方法一:

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

方法二:

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

方法三:

按Ctrl+Alt+V 组合键;

方法四:

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

删除可编辑区域:

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

修改编辑模板:

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

对网页应用模板:

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

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

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

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

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

本文转自钢钢博客园博客,原文链接:http://www.cnblogs.com/xugang/archive/2008/10/28/1321271.html,如需转载请自行联系原作者

在Dreamweaver 中应用模板相关推荐

  1. 博达,在Dreamweaver中提交模板上传被服务端拒绝

    因为你连接的是校外网,你该用教室的校内网就好了.

  2. dw怎么打开html模板,Dreamweaver中如何使用模板

    随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中.现在,拥有自己的Web网站已经成为一种潮流.虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了.下 ...

  3. 如何创建html模版可编辑区,Dreamweaver中如何使用模板的创建与编辑

    Dreamweaver中如何使用模板的创建与编辑 模板是Dreamweaver中提供的一种特殊的网页文档 其编辑方法和普通网页的.编辑方法一样,只是可以在其中添加可编辑区域.所有应用了模板的网页都具有 ...

  4. dreamweaver后缀名_在Dreamweaver中,模板文档的扩展名为()。_学小易找答案

    [多选题]windows7的新功能包括(). (6.0分) [资料题]23日,销售西装500套,销售单价300元/套,价款总计150 000元,增值税25 500元,价款税款收存银行. [单选题]Wi ...

  5. B1HTML5期末大作业:动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板

    HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...

  6. HTML5期末大作业:动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板

    HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...

  7. 在dw中如何调试html代码,如何在 Dreamweaver 中优化和调试代码 - Dreamweaver 用户指南...

    了解如何在 Dreamweaver 中清除代码.检查浏览器兼容性.验证 XML 文档并使页面符合 XHTML 规范. 清理代码 您可以自动删除空标签,合并嵌套 font 标签,以及通过其它方法改善杂乱 ...

  8. div+css静态网页设计 web网页设计实例作业 ——中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板

    web网页设计实例作业 --中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. ...

  9. C++中标准模板库std::vector的实现

    以下实现了C++标准模板库std::vector的部分实现,参考了 cplusplus. 关于C++中标准模板库std::vector的介绍和用法可以参考 https://blog.csdn.net/ ...

最新文章

  1. 爬虫之selenium开启无界面模式
  2. POJ 1064 分割线缆(二分查找)
  3. SCREEN MODULE 逻辑控制
  4. java 向下转型运行时错误_java多态和向下转型问题。
  5. MusicXML 3.0 (31) - Tab
  6. CTO用“汉德公式”来定责,我大写的服!
  7. mysql测评作业指导书_测评作业指导书
  8. [19保研]四川大学网络空间安全学院 关于举办2018年优秀大学生暑期夏令营的通知...
  9. 让C程序跳转到绝对地址0x100000处执行
  10. MIDAS:混频数据回归
  11. 多种消息提醒系统的设计模式、实现方案(附功能截图+表结构)
  12. 明星开餐饮店,逃不过凉凉的魔咒?
  13. SolidWorks学习笔记5创建基准面,基准线,基准点
  14. 运维简历怎么写项目描述_职场小白怎么写简历?一份好简历=成功一半
  15. java实现条形图_java – 使用Apache POI在Excel中创建条形图
  16. 学生个人网页设计作品 HTML+CSS+JavaScript仿小米商城(8页) 学生个人网页模板 简单个人主页成品 个人网页制作 HTML学生个人网站作业设计代做
  17. 【微信小程序】WXML WXSS JS
  18. 特网云服务器 WindowsServer2012 关闭IE增强机制
  19. 网站故障和安全事件的应急预案
  20. phpcms实现PC网站接入微信Native支付

热门文章

  1. STM32-定时器输入捕获实验(捕获PWM方波的频率和占空比)
  2. 完全背包问题(师从yxc,闫氏Dp)
  3. html静态网站中华传统文化网站主题设计 传统文化艺术耍牙15页
  4. ss terminal下客户端sslocal+proxychains或者privoxy
  5. 为什么选择嵌入式方向
  6. Docker下centos7镜像安装中文支持
  7. python字体加粗代码_如何在python docx中加粗行单元格的文本?
  8. VS Code编写HTML-CSS-JS等——代码格式化
  9. java去掉首尾字符_去掉字符串首尾指定的字符或空格
  10. 当遇到error: stray ‘\241‘ in program错误的解决方法