Привязка страниц сайта к шаблонам в Dreamweaver

Созданы шаблоны для главной страницы сайта и для страниц разделов сайта. Также сформированы редактируемые регионы в шаблонах страниц. Теперь необходимо привязать главную страницу, страницу контактов и страницы разделов и подразделов к этим шаблонам. Зачем это нужно? А затем, чтобы любое изменение в шаблоне одним щелчком мыши можно было-бы переносить на все страницы сайта привязанные к этому шаблону. Кроме того во вновь созданных трех шаблонах страниц сайта необходимо определить редактируемые регионы (области), где можно будет менять наполнение страниц независимо от шаблонов.

Чтобы привязать главную страницу сайта к ее шаблону необходимо выбрать закладку с файлом index.html, затем в главном меню выбрать Modify −> Templates −> Apply Template to Page...В результате откроется небольшая панель, гне нужно выбрать index и нажать кнопку Select.

Выбор шаблона

Далее откроется следующая панель где в графе Editable regions необходимо последовательно выделить Document body и Document head и в нижнем окне выбора вариантов Move content to new region выбрать Nowhere для Document body и head для Document head. Это означает, что редактируемые регионы для тела данной страницы могут быть где угодно, а для заголовка между тегами <head></head>. Если нажать OK, то страница index.html станет привязана к своему шаблону index.dwt.

Привязка страниц к шаблонам

Точно таким-же способом необходимо привязать страницы contacts.html, partition1.html и partition2.html к шаблонам index.dwt, partition1.dwt и partition2.dwt соответственно. Также необходимо привязать к шаблонам partition1.dwt, partition2.dwt и страницы подразделов входящих в соответствующий раздел сайта part1sub1.html, part1sub2.html к partition1.dwt и part2sub1.html, part2sub2.html к partition2.dwt.

После проделанной операции можно открыть, например, файл index.html и попробовать, что нибудь написать внутри небольшой таблички с текстом EditRegion3. Сам текст можно убрать, он был создан программой Dreamweaver, на этапе формирования редактируемого региона, только для наглядности. Получится примерно то, что показано на рисунке ниже.

Редактируемый регион

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