Руководство пользователя Отмена

Распознавание шаблонов и документов на их основе

 

 

Узнайте, как распознавать шаблоны и документы на основе шаблонов в представлениях дизайна и кода в Dreamweaver.

Распознавание шаблонов в представлении «Дизайн»

В представлении «Дизайн» редактируемые области отображаются в окне документа с прямоугольными контурами. Имя области отображается на нижней панели окна документа.

Файл шаблона можно определить по строке заголовка в окне документа. Расширение файла — .dwt.

Распознавание шаблонов в представлении «Дизайн»
Распознавание шаблонов в представлении «Дизайн»

Распознавание шаблонов в представлении «Код»

В представлении «Код» редактируемые области содержимого помечены в HTML следующими комментариями .

<!-- TemplateBeginEditable> и <!-- TemplateEndEditable -->

Примечание.

С помощью установок цвета кода можно установить собственную цветовую схему, позволяющую легко различать области шаблона при просмотре документа в представлении «Код».

В документах на основе шаблона содержимое между этими комментариями доступно для редактирования. Исходный HTML-код для редактируемой области может иметь следующий вид:

<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
<table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#333366"> <td>Name</td> <td><font color="#FFFFFF">Address</font></td> <td><font color="#FFFFFF">Telephone Number</font></td> </tr> <!-- TemplateBeginEditable name="LocationList" --> <tr> <td>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- TemplateEndEditable --> </table>
<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- TemplateBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- TemplateEndEditable --> 
</table>
Примечание.

В процессе редактирования кода шаблона в представлении «Код» будьте внимательны, не изменяйте применяемые в Dreamweaver теги комментария, относящиеся к шаблону.

Распознавание документов на основе шаблона в представлении «Дизайн»

В представлении «Дизайн» редактируемые области документов на основе шаблона отображаются в окне документа с прямоугольными пунктирными контурами. В нижней части окна отображается имя области.

В дополнение к контуру редактируемой области вся страница окружена разноцветным контуром с вкладкой в правом верхнем углу, содержащей имя шаблона, на основе которого создан документ. Этот выделенный прямоугольник напоминает, что документ создан на основе шаблоне и что содержимое вне редактируемых областей недоступно для редактирования.

Распознавание документов на основе шаблона в представлении «Код»

В представлении «Код» редактируемые области документа, полученные из шаблона, отображаются цветом, отличным от кода нередактируемой области. Можно вносить изменения только в код редактируемыхобластей или редактируемых параметров, заблокированные области недоступны для редактирования.

Редактируемое содержимое помечается в HTML-коде следующими комментариями Dreamweaver:

<!‑‑ InstanceBeginEditable> и <!‑‑ InstanceEndEditable ‑‑>

В документах на основе шаблона содержимое между такими комментариями доступно для редактирования. Исходный HTML-код для редактируемой области может иметь следующий вид:

<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
<body bgcolor="#FFFFFF" leftmargin="0"> <table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#333366"> <td>Name</td> <td><font color="#FFFFFF">Address</font></td> <td><font color="#FFFFFF">Telephone Number</font></td> </tr> <!-- InstanceBeginEditable name="LocationList" --> <tr> <td>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- InstanceEndEditable --> </table> </body>
<body bgcolor="#FFFFFF" leftmargin="0"> 
<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- InstanceBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- InstanceEndEditable --> 
</table> 
</body>

По умолчанию недоступный для редактирования текст выделен серым цветом. В диалоговом окне «Настройки» можно выбрать для редактируемой и нередактируемой областей другие цвета.

Получайте помощь быстрее и проще

Новый пользователь?