Познавательное чтиво

17 Июн

Создание шаблона

Сначала мы обсудим общие вопросы по работе с шаблоном, а именно — его создание и использование. Разметка и прочие вопросы, связанные с областями шаблона, будут описаны отдельно.

Новая шаблонная страница может быть создана на основе уже имеющейся Web-страницы. Чтобы увековечить дизайн какой-либо страницы в качестве образца, откройте ее в Dreamweaver и сохраните как шаблон. Делается это с помощью команды меню File | Save As Template либо нажатия кнопки Make Template на панели Insert, вкладка Templates (первая кнопка на этой вкладке, между прочим). После этого откроется диалоговое окно Save As Template, в котором можно выбрать сайт, для которого создается шаблон, а также имя шаблона (рис. 10.15). Ключевые параметры следующие.

□ Site — список сайтов, свойства которых определены в Dreamweaver MX.

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

□ Save As — имя нового шаблона.

После нажатия кнопки Save диалоговое окно закрывается, а в шаблонах выбранного сайта появляется новый экземпляр.

clip_image002

Рис. 10.15. Диалоговое окно Save As Template, которое появляется при сохранении страницы в качестве шаблона

Примечание

При сохранении шаблонной страницы, в которой не отмечены редактируемые области, Dreamweaver выдает предупреждение (рис. 10.16). На начальном этапе, при сохранении новой шаблонной страницы, это предупреждение можно игнорировать и нажать кнопку ОК.

clip_image004

Рис. 10.16. Предупреждение: "В шаблоне не определены редактируемые области"

Другой путь для создания новой шаблонной страницы — это создание ее с нуля. Для этого в Dreamweaver есть два способа.

□ Используйте команду меню File | New или комбинацию клавиш <Ctrl>+<N>, чтобы открыть диалоговое окно для создания нового документа (рис. 10.17). В списке Category укажите Template Page, а во втором списке — HTML Template или другой вариант, соответствующий выбранной вами серверной технологии. Созданную страницу необходимо будет сохранить, причем сделать это можно при помощи стандартной команды меню File | Save. При сохранении появится описанное ранее диалоговое окно Save As Template, в котором можно будет выбрать сайт и имя шаблона.

clip_image006

Рис. 10.17. Создание нового шаблона в диалоговом окне New Document

□ Откройте панель Assets (команда меню Window | Assets или клавиша <F11>). Щелкните на значке Templates (слева, второй снизу), чтобы открыть вкладку для работы с шаблонами. На вкладке отображается список уже существующих шаблонов (если они есть) для текущего сайта. Чтобы создать новый шаблон, нажмите кнопку New Template, на значке которой изображен лист бумаги с плюсом. В этом случае новый шаблон сразу создается в виде файла. Пока это "пустышка" — чистый документ с именем Untitled. Щелкните по имени файла на панели Assets, чтобы появился курсор, и введите свое название шаблона. Двойной щелчок по имени откроет шаблон в Dreamweaver MX, и вы сможете наполнить его содержимым, разметить на области, в общем, придать смысл его существованию.

Совет

Текущий сайт для панели Assets определяется с помощью раскрывающегося списка сайтов на панели Site.

Созданная шаблонная страница представляет из себя обычный HTML-файл с расширением dwt. Этот файл хранится в папке Templates, которая автоматически создается Dreamweaver внутри корневой папки текущего сайта. Вся информация, описывающая особенности шаблона, равно как и страниц, построенных с его участием, хранится внутри обычных комментариев в исходном коде HTML.

Если сам шаблон открыт в Dreamweaver, в заголовке окна документа появляется надпись <Template>.

Leave a Reply

© 2012 Познавательное чтиво | Entries (RSS) and Comments (RSS)