Share via


Динамический шаблон страницы

В своем посте о создании сайта из шаблона Expression Web я упоминала про файл master.dwt, в котором хранится шаблон страницы. Теперь пришло время рассказать, как можно создать свой собственный динамический шаблон. Напоминаю, динамический шаблон позволяет обеспечить единообразие отражения всех страниц всего сайта.

Итак, начнем :)

Создадим новый сайт (File->New-> Web Site->General->One Page Site).

А в нем новую страницу:

File->New->Page->General->Dynamic Web Template

 

Создается страничка с тегом <body>, мы удалим этот тег.

Теперь мы создадим простой шаблон. Добавим таблицу, просто, чтобы разделить области сайта. Это же можно сделать с использованием CSS, но это не цель нашего упражнения :)

Для создания таблицы, идем в меню Table->Insert Table. Создадим таблицу с 1 колонкой и 2 строчками.

 

Теперь добавим картинку (Insert->Picture->From File) в верхний раздел сайта – это будет шапка, которая должна отображаться одинаково на всех страницах сайта.

Вторая строчка таблицы – это изменяемое наполнение страницы.

 

Чтобы показать, что вторая строка таблицы изменяема, кликаем правой кнопкой мыши по тегу этой строки и выбираем Manage Editable Region (Управление изменяемой областью)

 

В появившемся диалоговом окне укажим имя этой области в поле Region Name. Нажмем кнопку Add. И Close.

 

Можно теперь в эту область добавить текст “Изменяемый текст”.

 

На странице может быть несколько изменяемых областей.

Шаблон готов и теперь нужно его сохранить в правильном формате.

Идем в меню File->Save As и присваиваем файлу имя template.dwt

 

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

Для этого идем в меню File->New->Create from Dynamic Web Template

 

В открывшемся диалоговом окне выберем шаблон, который мы только что создали.

Вуаля! Страничка готова! И, как вы видите, область страницы с картинкой мы изменить не можем, зато можем писать все, что угодно в редактируемой области.

Использование такого подхода очень удобно. Если на нашем сайте много страничек, которые мы создали на базе одного шаблона, то, чтобы изменить внешний вид всех страничек разом, нам нужно просто изменить файл, который содержит описание этого шаблона (с расширением .dwt).

Например, вернемся в наш файл template.dwt и растянем картинку по всей ширине верхней области сайта.

 

Сохраним этот файл.

Появляется диалоговое окно, что к этому файлу прикреплен 1 файл, хотим ли мы его обновить.

 

Нажимаем Yes, хотим :)

Expression Web нам доброжелательно сообщает, что обновил все странички :)

 

Вот так вот просто создать свой собственный шаблон сайта.

Видео ролик (на английском языке) на эту тему можно посмотреть здесь.