В Dreamweaver 4.0 мы уже познакомились с концепциями шаблонов и библиотек и знаем, что они являются хорошими инструментами для пакетного создания веб-страниц со схожими стилями. Теперь в Dreamweaver MX (далее — DW MX) функции шаблонов и библиотек были еще более усовершенствованы и усилены, особенно функция автоматического обновления связанных веб-страниц, что делает шаблоны и библиотеки изюминкой DW MX.
1. Сначала давайте рассмотрим применение шаблонов. В отличие от Dreamweaver 4.0, DW MX расширяет возможности работы с шаблонами до двух меню: «Изменить» и «Вставить». В то же время вы также можете создавать шаблоны непосредственно в подпункте «Утверждение» опции «Файл».
2. Найдите подопцию «Утверждение» и нажмите кнопку «Шаблоны» на левой панели инструментов. Шаблон в настоящее время пуст. Мы можем нажать кнопку «Новый шаблон» в правом нижнем углу, и появится пустой шаблон. на панели «На панели» (как показано на рисунке 1) щелкните имя шаблона, чтобы перейти в редактируемое состояние. Обратите внимание, что на данный момент в шаблон не добавлено никаких элементов. Мы можем добавлять в шаблон таблицы, изображения, текст и т. д. так же, как редактируете обычные веб-страницы. После добавления сохраните шаблон. Вы можете найти только что созданный шаблон в подпапке «Шаблоны» папки сайта по умолчанию с расширением .dwt.
Если вам это кажется проблематичным, DW MX также предлагает более прямой метод. После редактирования веб-страницы, которая будет сохранена в качестве шаблона, нажмите «Сохранить как шаблоны» в меню «Файл», чтобы создать шаблон.
3. После создания шаблона необходимо создать редактируемые области, чтобы подготовиться к заполнению различным веб-контентом в будущем. Откройте шаблон, щелкните меню «Вставка/Объект шаблона/Редактируемая область», и появится диалоговое окно редактируемой области. После указания имени региона в шаблоне появится синее поле. После сохранения создается шаблон редактируемой области.
4. Как создавать веб-страницы в пакетном режиме? Нажмите меню «Файл/Новый», выберите опцию «Шаблоны», и вы сразу увидите сгенерированный шаблон. Нажмите кнопку «Создать», и шаблон начнет автоматически применяться к веб-странице. На данный момент мы видим, что исходная область шаблона имеет желтый цвет, а элементы в ней фиксированы и не могут быть отредактированы, тогда как редактируемая область, которую мы только что обозначили, имеет синий цвет и ее можно редактировать. Таким образом, это не только значительно упрощает нашу работу по созданию похожих веб-страниц, но и эффективно обеспечивает единообразие стиля веб-страницы.
5. Наконец, существует пакетное обновление связанных веб-страниц. Это незаменимая технология обновления веб-страниц для крупных веб-сайтов, и ее можно легко реализовать в DW MX. Поскольку все наши веб-страницы используют один и тот же шаблон и эти веб-страницы сохраняются в одном каталоге сайта, когда мы хотим внести изменения в общие элементы всех веб-страниц, нам нужно только изменить элементы в шаблоне.
Откройте подопцию «Шаблоны» и дважды щелкните шаблон соответствующей веб-страницы. В это время шаблон переходит в редактируемое состояние, и желтая область исчезает. После изменения содержимого шаблона появится диалоговое окно с подсказкой. при сохранении: «Следующие веб-страницы используют текущий шаблон. Вы хотите обновить?» (рис. 2) Нажмите «Обновить», в это время все связанные веб-страницы, созданные на основе шаблона, будут обновлены (рис. 3). .
Рисунок 2
Рисунок 3
Подобно шаблонам, библиотека DW MX более гибкая. Нажмите «Библиотека» на вкладке «Утверждение», чтобы открыть библиотеку. В настоящее время в библиотеке нет элементов. Мы добавляем элементы на веб-страницу для создания библиотеки, например. таблицы и изображения, перетащите их прямо на панель библиотеки (как показано ниже).
Обратите внимание, что элементами в библиотеке являются не только сами изображения или текст, но и код, который упорядочивает эти изображения на веб-странице. Таким образом, мы также можем добавить на веб-страницу те же элементы библиотеки, что и в шаблон, для массового производства веб-страниц с похожими стилями. На данный момент нам нужно только перетащить элемент обратно на новую веб-страницу на панели библиотеки, и соответствующий код будет автоматически скопирован на новую веб-страницу.
Кроме того, элемент библиотеки также может выполнять пакетные обновления веб-сайта. Мы щелкаем элемент библиотеки на панели библиотеки, чтобы библиотека перешла в редактируемое состояние (как показано на рисунке 5). используйте элемент библиотеки. Веб-страница будет автоматически обновляться одновременно.
Рисунок 5
Наконец, есть еще одно дополнение к автоматическим обновлениям: если веб-страница создана с использованием шаблона, но вы хотите сохранить ее такой, какая она есть при автоматическом обновлении, а не обновлять ее вместе с остальными веб-страницами сайта, просто нажмите «Изменить/Шаблоны/Отсоединиться от шаблонов», в этот момент веб-страница больше не ограничена шаблоном, и веб-страницу необходимо обновить вручную.