Dreamweaver/创建可编辑区域

来自站长百科
跳转至: 导航、​ 搜索

Dreamweaver | Dreamweaver安装 | Dreamweaver使用 | Dreamweaver其他

插入可编辑区域

在插入可编辑区域之前,应该将您正在其中工作的文档另存为模板。
注意: 如果您在文档(而不是模板文件)中插入一个可编辑区域,DreamWeaver 会警告您该文档将自动另存为模板。
您可以将可编辑区域放在页面中的任何位置,但如果要使表格或层可编辑,则需考虑以下情况:

  1. 可以将整个表格或单独的表格单元格标记为可编辑的,但不能将多个表格单元格标记为单个可编辑区域。如果选定 标签,则可编辑区域中包括单元格周围的区域;如果未选定,则可编辑区域将只影响单元格中的内容。
  2. 层和层内容是单独的元素;使层可编辑时可以更改层的位置及其内容,而使层的内容可编辑时只能更改层的内容而不能更改其位置。

若要插入可编辑模板区域,请执行以下操作:

  1. 在“文档”窗口中,执行下列操作之一选择区域:
    • 选择想要设置为可编辑区域的文本或内容。
    • 将插入点放在想要插入可编辑区域的地方。
  2. 执行下列操作之一插入可编辑区域:
    • 选择“插入”>“模板对象”>“可编辑区域”。
    • 右键单击 (Windows) 或按住 Control 键单击 (Macintosh),然后选择“模板”>“新建可编辑区域”。
    • 在“插入”栏的“常用”类别中,单击“模板”按钮上的箭头,然后选择“可编辑区域”。

0812191.gif
出现“新建可编辑区域”对话框。

  1. 在“名称”文本框中为该区域输入唯一的名称。(不能对特定模板中的多个可编辑区域使用相同的名称。 注意: 不要在“名称”文本框中使用特殊字符。
  2. 单击“确定”。

可编辑区域在模板中由高亮显示的矩形边框围绕,该边框使用在首选参数中设置的高亮颜色。该区域左上角的选项卡显示该区域的名称。如果在文档中插入空白的可编辑区域,则该区域的名称会出现在该区域内部。

选择可编辑区域
在模板文档和基于模板的文档中,都可以容易地标识和选择模板区域。

  1. 要在“文档”窗口中选择一个可编辑区域,请执行以下操作:
    • 单击可编辑区域左上角的选项卡。
  2. 若要在文档中查找可编辑区域并选择它,请执行以下操作:
    • 选择“修改”>“模板”,然后从该子菜单底部的列表中选择区域的名称。

注意: 重复区域内的可编辑区域不会出现在该菜单中。必须通过在“文档”窗口中查找选项卡式的边框来定位这些区域。
可编辑区域在文档中被选定。

删除可编辑区域
如果已经将模板文件的一个区域标记为可编辑,而现在想要再次锁定它(使其在基于模板的文档中不可编辑),请使用“删除模板标记”命令。
若要删除可编辑区域,请执行以下操作:

  1. 单击可编辑区域左上角的选项卡以选中它。
  2. 执行下列操作之一:
    • 选择“修改”>“模板”>“删除模板标记”。
    • 右键单击 (Windows) 或按住 Control 键单击 (Macintosh),然后选择“模板”>“删除模板标记”。

现在,该区域不再是可编辑区域。
更改可编辑区域的名称
插入可编辑区域后,可以在以后更改它的名称。
若要更改可编辑区域的名称,请执行以下操作:

  1. 单击可编辑区域左上角的选项卡以选中它。
  2. 在属性检查器(“窗口”>“属性”)中,输入一个新名称。
  3. 按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

Dreamweaver 将新名称应用于可编辑区域。

参考来源[ ]

http://www.baike.baidu.com

Dreamweaver使用手册导航

Dreamweaver安装:

Dreamweaver安装

Dreamweaver使用

新建站点| 创建新文档| 保存新文档| 关于CSS层| 插入层| 管理层| 将层转化为表格| 制作层动画| 处理CSS布局可视化| div标签进行布局| 关于表格| 添加及删除行和列| 拆分和合并单元格 |复制、粘贴和删除单元格| 设置表格和单元格的格式| 选择表格元素| 关于框架和框架集| 创建框架和框架集| 框架中打开文档| 查看和设置框架属性| 关于Dreamweaver模板| 模板标签语法| 设计视图和代码视图中的模板和基于模板的文档| 创建Dreamweaver模板| 创建可编辑区域| 编辑和更新模板| DreamWeaver管理模板| 关于使用页面| 设置页面属性 | 任务自动化| 在浏览器中预览和测试页面| 插入文本| 设置段落格式和文档结构| 设置文本格式| 使用层叠样式表设置文本格式| 创建链接| 管理链接| 导航条| DreamWeaver插入图像| 使用JavaScript行为

Dreamweaver其他 :

Dreamweaver快捷键 | Dreamweaver序列号