Узнайте, как распознавать шаблоны и документы на основе шаблонов в представлениях дизайна и кода в Dreamweaver.
Распознавание шаблонов в представлении «Дизайн»
В представлении «Дизайн» редактируемые области отображаются в окне документа с прямоугольными контурами. Имя области отображается на нижней панели окна документа.
Файл шаблона можно определить по строке заголовка в окне документа. Расширение файла — .dwt.
Распознавание шаблонов в представлении «Код»
В режиме Code view редактируемые области контента отмечаются в HTML следующими комментариями:
<!-- TemplateBeginEditable> и <!-- TemplateEndEditable -->
Вы можете использовать настройки цвета кода для установки собственной цветовой схемы, чтобы легко различать области шаблона при просмотре документа в режиме Code view.
Все между этими комментариями будет редактируемым в документах, основанных на шаблоне.Исходный 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>Введите адрес</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
При редактировании кода шаблона в режиме Code view будьте осторожны и не изменяйте теги комментариев, связанных с шаблоном, на которые полагается Dreamweaver.
Распознавание документов на основе шаблона в представлении «Дизайн»
В представлении «Дизайн» редактируемые области документов на основе шаблона отображаются в окне документа с прямоугольными пунктирными контурами. В нижней части окна отображается имя области.
В дополнение к контуру редактируемой области вся страница окружена разноцветным контуром с вкладкой в правом верхнем углу, содержащей имя шаблона, на основе которого создан документ. Этот выделенный прямоугольник напоминает, что документ создан на основе шаблоне и что содержимое вне редактируемых областей недоступно для редактирования.
Распознавание документов на основе шаблона в представлении «Код»
В режиме Code view редактируемые области документа, созданного на основе шаблона, отображаются в другом цвете, чем код в нередактируемых областях.Вы можете вносить изменения только в код в редактируемыхобластях или редактируемых параметрах, но не можете вводить текст в заблокированных областях.
Редактируемое содержимое помечается в HTML-коде следующими комментариями Dreamweaver:
<!‑‑ InstanceBeginEditable> и <!‑‑ InstanceEndEditable ‑‑>
Все между этими комментариями редактируется в документе, основанном на шаблоне.Исходный HTML-код для редактируемой области может выглядеть следующим образом:
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Имя</td>
<td><font color="#FFFFFF">Адрес</font></td>
<td><font color="#FFFFFF">Номер телефона</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Введите имя</td>
<td>Введите адрес</td>
<td>Введите телефон</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
По умолчанию нередактируемый текст имеет серый цвет; вы можете выбрать другой цвет для редактируемых и нередактируемых областей в диалоговом окне «Установки».
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
