Динамический веб-шаблон
Динамический веб-шаблон - это основная копия веб-страницы на основе HTML, которую вы можете создать, чтобы содержать параметры, форматирование и элементы страницы, такие как текст, графику, макет страницы, стили и области веб-страницы, которые можно изменять.
Когда вы прикрепляете динамический веб-шаблон к страницам на веб-сайте, этот шаблон определяет макет этих страниц. Вы можете использовать любое количество динамических веб-шаблонов на веб-сайте, и вы можете прикрепить динамический веб-шаблон к сколь угодно большому количеству страниц.
Используя динамические веб-шаблоны, вы можете создавать HTML-страницы с одинаковым макетом. Помимо предоставления общего макета, вы можете сделать некоторые области в шаблоне доступными для редактирования, не допуская изменений в других регионах в этом шаблоне.
Это означает, что вы можете разрешить другим пользователям добавлять и редактировать контент, сохраняя при этом макет страниц и сам шаблон.
Потребность в динамических веб-шаблонах
Самая важная концепция дизайна веб-сайта - поддерживать единообразный внешний вид вашего сайта, и с помощью динамического веб-шаблона вы можете этого добиться. Динамический веб-шаблон обеспечивает -
Основные страницы, такие как карта сайта, контакты, информация и поиск. Посетитель должен иметь возможность перейти на вашу домашнюю страницу с любой страницы сайта.
Последовательная навигация по вашему сайту.
Единый вид на всем сайте.
Создать динамический веб-шаблон
Чтобы создать динамический веб-шаблон (DWT), вы начинаете с пустой HTML-страницы и сохраняете ее как *.dwt file. Пойдем шаг за шагом и узнаем об этом больше.
Step 1 - Откройте файл index.html и выберите File → Save As… пункт меню, который откроет диалоговое окно Сохранить как.
Выберите динамический веб-шаблон (* .dwt) из раскрывающегося списка Тип файла и измените имя файла с индекса на master.dwt и нажмите кнопку Сохранить.
Step 2- Теперь вы увидите, что новый файл master.dwt создан в списке папок. Давайте создадим новый HTML-файл и назовем его index_2.html. Давайте откроем файл master.dwt и в представлении «Дизайн» или «Код» щелкните правой кнопкой мыши внутри тегов <div> основного содержимого.
Step 3 - В меню выберите Manage Editable Regions…, чтобы открыть диалоговое окно Editable Regions.
Step 4- В поле «Имя региона» введите имя редактируемого региона и нажмите «Добавить». Если хотите, повторите, чтобы добавить дополнительные редактируемые области.
Step 5- После того как вы добавили все редактируемые области, нажмите «Закрыть». Теперь перейдите к файлу index_2.html и также выберите его в списке папок.
Step 6 - Перейдите в меню Формат и выберите Dynamic Web Template → Attach Dynamic Web Template… который откроет диалоговое окно Attach Dynamic Web Template.
Step 7 - Выберите Dynamic Web Templateэто файл master.dwt, и нажмите кнопку «Открыть». Вы получите предупреждающее сообщение. Щелкните Да.
Step 8- Вы можете видеть, что тот же шаблон применяется к файлу index_2.html. Точно так же вы можете добавить один и тот же шаблон на любое количество HTML-страниц веб-сайта.
Step 9- На этой странице вы можете редактировать только раздел основного контента. Если вы переместите мышь в другой раздел, вы увидите, что он недоступен для редактирования, а курсор мыши также изменится на красный крестик.
Step 10 - Чтобы увидеть, как это выглядит, перейдите в меню «Файл» и выберите «Просмотр» в браузере.
