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

Создание повторяющихся областей и таблиц в Dreamweaver

 

 

Создание повторяющихся областей и повторяющихся таблиц, а также настройка свойств таблицы в Dreamweaver для управления макетом страницы.

Повторяющаяся область — это раздел шаблона, который может дублироваться несколько раз на странице на основе шаблона. Как правило, повторяющиеся области используются с таблицами, однако их можно определять и для других элементов страницы.

Повторяющиеся области дают возможность управлять макетом страницы с помощью таких повторяющихся элементов, как элементы каталога и макет описания, или с помощью строк данных, например списка элементов.

Доступно два объекта шаблона повторяющейся области: повторяющаяся область и повторяющаяся таблица.

Создание повторяющейся области в шаблоне

Повторяющиеся области позволяют пользователям шаблона дублировать указанную область в шаблоне необходимое количество раз. Повторяющаяся область необязательно должна быть редактируемой.

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

  1. Выполните в области «Окно документа» одно из следующих действий.
    • Выберите текст или содержимое, которые необходимо задать в качестве повторяющейся области.

    • Поместите курсор вставки в документ в том месте, куда следует добавить повторяющуюся область.

  2. Выполните одно из следующих действий.
    • Выберите меню «Вставка > Шаблон > Повторяющаяся область».

    • Выберите пункт «Повторяющаяся область» в категории «Шаблоны» на панели «Вставка».

  3. В поле «Имя» введите уникальное имя области шаблона. (Нельзя использовать одно имя для нескольких повторяющихся областей в шаблоне.)
    Примечание.

    Не используйте в имени области специальные символы.

  4. Нажмите кнопку «ОК».

Добавление повторяющейся таблицы

С помощью повторяющейся таблицы можно создать редактируемую область (в формате таблицы) с повторяющимися строками. Можно определить атрибуты таблицы и установить ячейки таблицы в качестве доступных для редактирования.

  1. В окне документа поместите курсор вставки в том месте, куда следует добавить повторяющуюся таблицу.
  2. Выполните одно из следующих действий.
    • Выберите меню «Вставка > Шаблон > Повторяющаяся таблица».

    • Выберите пункт «Повторяющаяся таблица» в категории «Шаблоны» на панели «Вставка».

  3. Задайте следующие параметры и нажмите кнопку «ОК».

    Строки

    Определяет количество строк в таблице.

    Столбцы

    Определяет количество столбцов в таблице.

    Поля ячеек

    Определяет количество пикселов между содержимым и границами ячейки.

    Интервал ячеек

    Определяет число пикселов между смежными ячейками таблицы.

    Примечание.

    Если значения полей ячейки и интервала между ячейками не заданы явно, то в большинстве браузеров таблица будет отображаться со значением поля ячейки 1 и интервала между ячейками 2. Чтобы таблица отображалась в браузере без полей и интервалов, установите значения параметров «Поля ячеек» и «Интервал ячеек» равным 0.

    Ширина

    Задает ширину таблицы в пикселах или в процентах от ширины окна браузера.

    Рамка

    Задает толщину границ таблицы в пикселах.

    Примечание.

    Если значение границы не задано явно, то в большинстве браузеров таблица будет отображаться с толщиной границы 1. Чтобы таблица отображалась в браузере без границы, установите значение параметра «Граница» равным 0.

    Чтобы границы таблицы и ячеек отображались при толщине границы 0, выберите «Просмотр > Параметры представления "Дизайн" > Средства визуализации». Этот параметр доступен только в представлении «Дизайн».

    Повторяющиеся строки таблицы

    Указывает строки в таблице, которые включены в повторяющуюся область.

    Начальная строка

    Задает номер строки, которая будет включена в повторяющуюся область в качестве начальной.

    Конечная строка

    Задает номер строки, которая будет включена в повторяющуюся область в качестве конечной.

    Имя области

    Позволяет назначить уникальное имя повторяющейся области.

    Создание повторяющихся таблиц
    Создание повторяющихся таблиц

Установка чередующихся цветов фона в повторяющейся таблице

После добавления таблицы в шаблон можно настроить чередующийся цвет фона ее строк.

  1. В окне документа выберите строку в повторяющейся таблице.
  2. Нажмите кнопку «Показать представление "Код"» или «Показать представление "Код" и "Дизайн"» на панели инструментов «Документ», чтобы получить доступ к коду выбранной строки таблицы.
  3. В окне кода вставьте в тег <tr> следующий код.
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">

    Можно заменить шестнадцатеричные значения #FFFFFF и #CCCCCC другими цветами.

  4. Сохраните шаблон.

    Ниже показан код примера таблицы, которая содержит чередующиеся цвета строк фона:

    <table width="75%" border="1" cellspacing="0" cellpadding="0">
    <tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr>
    <!-- TemplateBeginRepeat name="contacts" -->
    <tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
    <td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
    </td>
    <td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
    </td>
    <td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
    </td>
    </tr>
    <!-- TemplateEndRepeat -->
    </table>
    <table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr> <!-- TemplateBeginRepeat name="contacts" --> <tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@"> <td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable --> </td> <td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable --> </td> <td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable --> </td> </tr> <!-- TemplateEndRepeat --> </table>
    <table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
    <tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr> 
    <!-- TemplateBeginRepeat name="contacts" --> 
    <tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@"> 
    <td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable --> 
    </td> 
    <td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable --> 
    </td> 
    <td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable --> 
    </td> 
    </tr> 
      <!-- TemplateEndRepeat --> 
    </table>

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

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