Вложенные шаблоны
Последняя возможность работы с шаблонами, предоставляемая Dreamweaver MX , которую мы рассмотрим, — это вложенные шаблоны. Вложенный шаблон — это шаблон, созданный на основе другого шаблона (так называемого базового шаблона). При создании вложенного шаблона используются изменяемые области базового шаблона: в них вносится новое неизменяемое содержимое и создаются новые изменяемые области. Давайте создадим вложенный шаблон, на основе которого будет сделана страница архива новостей Archive.htm . Мы создадим повторяющуюся область, в которой и будет помещаться текст новостей. За основу возьмем колонку новостей нашего основного шаблона Main .
Сначала удалим старую страницу Archive.htm . После этого создадим на основе шаблона Main новую страницу. Сохраним ее как шаблон, выбрав пункт Save as Template меню File . (Также можно нажать кнопку Make Nested Template вкладки Templates панели объектов.) В поле ввода Save As диалогового окна Save As Template введем имя нового шаблона — NewsArchive После этого нажмем кнопку Save . Готовый шаблон NewsArchive будет в точности похож на шаблон Main
Теперь удалим все содержимое изменяемой области Main . Сейчас мы создадим для нее новое содержимое в виде повторяющейся и изменяемой областей.
Прежде всего, введите текст "Архив новостей" и отформатируйте его как заголовок. После этого поместите текстовый курсор ниже этого текста и создайте там повторяющуюся область. Назовите ее News Archive . Вы, наверно, уже заметили, что изменяемая область Main базового шаблона изменила свой вид — ее граница стала оранжевой. Так Dreamweaver показывает, что вы начали создание вложенного шаблона.
Теперь поместите внутрь повторяющейся области изменяемую область. Назовите ее NewsArchiveitem . На этом работу можно считать законченной. Сохраните готовый шаблон.
Создайте на основе шаблона NewsArchive новую Web -страницу. Введите текст архивных новостей, точнее, "старостей". Сохраните ее под именем Archive.htm .
Теперь, если вы измените что-либо в шаблоне NewsArchive , будет изменена единственная страница, созданная на его основе, — Archive.htm . Если же вы измените какой-либо элемент шаблона Main , будут изменены как все стра ницы, созданные на его основе, так и шаблон NewsArchive . Как видите, Dreamweaver MX следит за вложенными шаблонами как за обычными Web -страницами.
Недостатки шаблонов и их преодоление
С преимуществами шаблонов мы уже знакомы. Перечислим их еще раз.
Используя шаблоны, вы не должны создавать всякий раз на каждой странице общие элементы: полосу навигации, заголовок, сведения об авторских правах и т. п. Вам даже не нужно создавать разметку для любой страницы. Все это вы можете сделать один-единственный раз, когда создаете шаблон,
и потом Dreamweaver сам будет копировать эти общие элементы на каждую создаваемую на основе этого шаблона страницу. Таким образом, вы экономите время, повторно используя общие элементы ваших страниц.
Если вы что-то изменили в шаблоне, все сделанные вами изменения автоматически или по специальной команде переносятся во все созданные на основе измененного шаблона страницы. Dreamweaver сам определяет, какие страницы и какой именно код в этих страницах надо обновить, т. е. Dreamweaver берет заботы по синхронизации кода шаблона и страниц на себя.
А уж если добавить ко всему этому новые возможности, предлагаемые Dreamweaver MX , то ваши возможности по созданию шаблонов становятся практически безграничными. Необязательные и повторяющиеся области и вложенные шаблоны дают вам в руки невиданную гибкость.
Теперь сдобрим эту огромную бочку меда капелькой дегтя: упомянем о недостатках шаблонов.
Недостатков у них всего два, но не очень серьезных. Поэтому наша капля дегтя не так уж и велика.
Первый недостаток — собственно, даже не недостаток, а, как иногда говорят, "продолжение достоинств" шаблонов. Шаблон — штука очень статичная, он жестко навязывает вам определенный дизайн страниц, загоняет вас в рамки, выйти из которых очень трудно, если вообще возможно. Мы не можем произвольно менять содержимое страниц, основанных на шаблонах, т.к. шаблон, как вы помните, представляет собой сплошную нередактируемую область. Мы даже вынуждены специально указывать места, где мы хотим что-то вставить в дальнейшем.
Второй недостаток — дополнительный код HTML , добавляемый Dream weaver для собственного удобства. Правда, этот код не слишком велик, но для "пуритан" HTML , "вылизывающих" свой код до байта, может оказаться чрезмерно большим.
Так использовать шаблоны или продолжать все делать вручную? Вы сами должны решить этот вопрос для себя.
Когда мы начинаем делать страницы на основе шаблона, мы теряем часть своей свободы. Готовы ли вы расстаться даже с этой частью? Не окажется ли эта часть для вас слишком велика? Задумайтесь над этими вопросами перед тем, как начать работу над сайтом.
Автор рекомендует вам все же использовать шаблоны везде, где это возможно. В конце концов, Dreamweaver MX продвинулся в деле "шаблонизации" труда Web -дизайнера куда дальше предыдущих версий, и рамки, навязываемые вам шаблонами, стали не такими жесткими. К тому же, не забывайте, что не кто иной, как вы сами задаете эти рамки. И, если они станут для вас слишком тесными, вы всегда можете изменить шаблоны, добавить необязательные и повторяющиеся области, создать изменяемые атрибуты, одним словом, сделать все, чтобы вам было удобнее.
Что касается "раздувшегося" HTML -кода... Вы помните, что Dreamweaver MX поддерживает экспорт сайтов с удалением всей специальной разметки? Так что вы можете создать свой сайт на основе шаблонов, а опубликовать на Web -сервере его "очищенную" копию, не содержащую вставленный Dreamweaver HTML -код. Даже пуритане HTML должны быть этим довольны, тем более что шаблоны действительно здорово облегчают работу.
Одним словом, шаблоны — это замечательно!
Что дальше ?
На этом рассказ о шаблонах заканчивается. Автору нужно еще написать хвалебную оду, посвященную Dreamweaver MX вообще и шаблонам в частности.
Итак, процесс создания Web -страниц и внесения в них изменений мы рассмотрели. А что дальше?
Представим такую ситуацию. Вы разместили на своих Web -страницах массу цитат (использовав
парный тег < cite >), выделили их красным цветом и отформатировали курсивом. После этого мы сохранили все страницы и опубликовали сайт на Web -сервере. И тут нам (или начальству) пришло в голову, что цитаты просто жизненно необходимо выделить еще и уменьшенным шрифтом. Как нам быть? Просматривать все страницы на предмет цитат и вручную изменять размер шрифта?
Можно ли автоматизировать и этот процесс? Нет ли в составе Dreamweaver шаблонов не для целых страниц, а для отдельных фрагментов текста? Чтобы изменить шрифт одной цитаты, a Dreamweaver переформатировал бы остальные.
Есть! И это не возможности Dreamweaver , а стандарт, принятый комитетом WWWC и поддерживаемый практически всеми современными Web -обозревателями. Это каскадные таблицы стилей CSS ( Cascading Style Sheets ), описанные в следующей главе.
