1  2  3  4  5  6  7

Повторяющиеся области
Кроме необязательных, Dreamweaver MX позволяет также создавать повторяющиеся области. Повторяющаяся область может содержать сколько угодно содержимых (пунктов). В качестве примера такой области можно привести описание новости в колонке на странице default.htm — их может быть много, но в шаблоне для него создана только одна область.
Давайте создадим такую область.
Откройте шаблон Main и поместите текстовый курсор в ячейку новостей внутренней таблицы разметки. После этого нажмем кнопку Repeating Region на вкладке Templates панели объектов. Также можно выбрать пункт Repeating Region подменю Template Objects меню Modify или одноименный пункт подменю Templates контекстного меню. На экране появится диалоговое окно New Repeating Region . Введите имя создаваемой повторяющейся области в единственном поле ввода этого окна. Давайте назовем ее NewsList . После этого нажмите кнопку ОК. Теперь отформатируйте содержимое этой области как обычный текстовый абзац, выбрав в раскрывающемся списке Format редактора свойств пункт Paragraph . Если хотите, уменьшите шрифт текста на одну ступень. На этом создание повторяющейся области можно считать законченным.
Но проблема в том, что повторяющаяся область Dreamweaver также не является изменяемой. Поэтому нам нужно поместить внутрь нее еще и изме­няемую область. Таким образом, получится троекратная вложенность "не обязательная область — повторяющаяся область — изменяемая область". Сложно, конечно, зато очень гибко.
Поставьте текстовый курсор внутри содержимого повторяющейся области. И создайте изменяемую область. Вы уже знаете, как это делается. Назовите ee Newsitem . После этого удалите остатки содержимого повторяющейся области, не входящего в изменяемую область. И поправьте HTML -код — он должен выглядеть так:
< P >< EM >< FONT SIZE ="-1">
<!-- TemplateBeginEditable name="NewsItem" —>
Содержимое изменяемой области Newsitem
<!-- TemplateEndEditable —>
</ FONT>< / EM>< / P >
Внутри изменяемой области должен находиться только текст описания новости, без всех форматирующих тегов. (Вставленные Dreamweaver служебные комментарии помечены полужирным шрифтом .)
Но не торопитесь теперь применять шаблон Main к странице default.htm . Если вы это сделаете, Dreamweaver запихает в изменяемую область Main все содержимое этой страницы, и вам придется ее долго редактировать. Лучше удалите страницу default.htm и создайте ее заново на основе шаблона Main . Поскольку текст приветствия уже имеется в шаблоне, вам даже не нужно будет ничего вводить с клавиатуры. Не забудьте только сохранить новую главную страницу сайта в файле default.htm .
Но как же колонка новостей? Сейчас мы ей займемся.
Откройте новую страницу default.htm , если вы ее уже закрыли. Выберите пункт Template Properties в меню Modify и в появившемся на экране диалоговом окне Template Properties задайте для параметра News значение true , для чего просто включите флажок Show News . После этого нажмите кноп­ку ОК .
Теперь вы видите, что правее основного содержимого страницы появилась колонка новостей. В ней находятся уже знакомые вам повторяющаяся и изменяемая области, вложенные друг в друга. Выделите содержимое изменяемой области Newsitem , удалите его и введите описание какой-либо новости.
Так, одна новость у нас есть. Но как добавить остальные? Очень просто!
Для работы с пунктами повторяющихся областей Dreamweaver предоставляет набор особых кнопок, появляющихся в заголовке повторяющейся области, и набор пунктов меню. Эти пункты меню находятся в подменю Repeated Entries , вложенного в подменю Templates меню Modify , а также в подменю Templates контекстного меню. Все они перечислены в табл. 9.1.
Как вы уже заметили, в табл. 9.1 не указан пункт Paste Repeating Entry , который осуществлял бы вставку пункта из буфера обмена. Это выполняется, как обычно, вызовом пункта Paste меню Edit или нажатием комбинации клавиш < Ctrl >+< V >.
С помощью этих пунктов вы можете добавлять, удалять и перемещать пункты повторяющейся области. Создайте еще два или три пункта и впишите в них текст новостей. Dreamweaver MX — настоящий король шаблонов!
Необязательные изменяемые области
Далеко не всегда приходится создавать такие сложные структуры областей, наподобие той, что мы только что сделали. Часто нужно просто создать в шаблоне необязательную область и поместить в нее изменяемую область. Для таких случаев Dreamweaver предоставляет возможность сделать все это за один раз, т. е. создать необязательную изменяемую область.
Откройте созданный нами в начале этой главы пустой шаблон Sample . С нимто мы и будем экспериментировать.
Чтобы создать необязательную изменяемую область, нажмите кнопку Editable Optional Region на вкладке Templates панели объектов. Также вы можете выбрать пункт Editable Optional Region подменю Template Objects меню Insert .
На экране появится уже знакомое вам диалоговое окно New Optional Region . Введите имя создаваемой области в поле ввода Name , если хотите, отключите флажок Show by Default и нажмите кнопку ОК. После этого Dreamweaver создаст необязательную изменяемую область. Как видите, Dreamweaver просто вкладывает изменяемую область внутрь необязательной. Вдобавок он еще и называет изменяемую область посвоему, не спрашивая нас. Но все равно это весьма удобно.
Табличная повторяющаяся область
Еще одна весьма удобная возможность Dreamweaver — создание табличных повторяющихся областей. Это обычная повторяющаяся область, пункты ко­торой организованы в виде таблицы. При этом каждая ячейка такой таблицы содержит изменяемую область, т. е. вы можете вводить данные в каждую ее ячейку.
Как и в случае с необязательной изменяемой областью, табличную повто­ряющуюся область можно создать только с помощью кнопки панели объектов. Это кнопка Repeating Table вкладки Templates . Также вы можете выбрать пункт Repeating Table подменю Template Objects меню Insert . После этого на экране появится диалоговое окно Insert Repeating Table .
Большинство элементов управления этого окна знакомо вам по диалоговому окну Insert Table . Поэтому здесь они рассматриваться не будут. Представим только элементы управления, находящиеся в группе Repeat row of table , которые нам пока еще незнакомы.
Поля ввода Starting Row и Ending Row позволяют задать номера соответственно первой и последней строк таблицы, которые будут помещены в соз­даваемую повторяющуюся область. (Это строки, которые станут пунктами повторяющейся области.) Если вы не хотите вносить в повторяющуюся область первую и последнюю строки, в которых часто помещают заголовок и "поддон" таблицы, задайте соответствующие номера.
В поле ввода Region Name вводится имя создаваемой повторяющейся области.
Табличная повторяющаяся область будет создана после нажатия кнопки ОК. Как видите, Dreamweaver и в этом случае особо не мудрствует: он просто создает таблицу, помещает указанные вами строки в повторяющуюся об­ласть и создает в каждой ячейке этих строк изменяемые области. Это, кстати, очень удобно; мы могли бы создать такую область для нашей колонки новостей. Попробуйте, если хотите, — это будет вашей самостоятельной работой.

1  2  3  4  5  6  7

Вверх