Узнайте, как распознавать шаблоны и документы на основе шаблонов в представлениях дизайна и кода в 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>

Примечание.

В процессе редактирования кода шаблона в представлении «Код» будьте внимательны, не изменяйте применяемые в 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>

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

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет