Шаблоны страниц сайта удобно использовать, когда необходимо создать несколько страниц, которые имеют одинаковый дизайн, но различное содержание. В Nvu можно создавать собственные шаблоны и использовать их как основу для своих веб-страниц.
Создание шаблона
Шаблон может быть создан двумя способами.
- Создание пустого шаблона.
- Преобразование одной из web-страниц в шаблон
Создание пустого шаблона
Для того, чтобы создать шаблон выполните следующую последовательность действий:
- Дайте команду меню Файл => Создать или нажмите на стрелку рядом с кнопкой Создать
на панели инструментов и выберите Еще настройки.
- В открывшемся окне диалога Новый документ (рис.) выберите Пустой шаблон и нажмите кнопку Создать.
- Добавьте и отформатируйте содержимое страницы, которое останется неизменным для каждой страницы тем же способом, что и для обычного текста на веб-странице. Например,
- вставьте таблицу из трех столбцов и трех строк,
- объедините все ячейки в первой и третьей строке,
- сделайте заливку цветом в первой строке
- введите текст: в первую строку – Заголовок, в третью – copyright 2011-2015.
- Вставьте области для редактирования содержимого, которое будет различаться в веб-страницах. Например, во второй строке в каждой ячейке создайте свою редактируемую область, например, ed1, ed2, ed3. Для этого необходимо выполнить следующие действия:
- Дайте команду Вставка => Шаблоны => Вставить редактируемую область.
- Заполните поля: Имя области – имя, которое отобразится в редакторе и на вкладке с именем и как содержимое области.
- Выберите Тип области – поток текста или блок, который начинается с новой строки.
- Отметьте Параметры, определяющие варианты редактирования:
- Дополнительнаяобласть – область, которую можно редактировать или удалить (закрыть).
- Повторяющаяся область – область, которую можно продублировать нужное число раз.
- Перемещаемая область – область, которую можно просто редактировать.
- Дайте команду Вставка => Шаблоны => Вставить редактируемую область.
- Сохраните файл. По умолчанию файл сохраняется, как шаблон с расширением *.mzt.
Преобразование одной из web-страниц в шаблон
Для того, чтобы преобразовать web-страницу в шаблон необходимо выполнить следующую последовательность действий
- Открыть нужную страницу в редакторе Nvu.
- Дать команду Формат => Заголовок и свойства страницы…
- В диалоговом окне Свойства страницы установить флажок Эта страница – шаблон.
- В нужных местах страницы добавить редактируемые области, командой описанной выше.
- Полученный документ сохранить в одну из папок сайта как шаблон с расширением *.mzt.
Использование шаблонов
Чтобы использовать шаблон для создания новой веб-страницы необходимо выполнить следующую последовательность
- Дайте команду Файл => Создать или используйте сочетание клавиш Ctrl+N.
- Отметьте опцию Новый документ из шаблона и выберите шаблон, нажав кнопку Выбрать файл.
- Нажмите кнопку Создать.
- В полученном документе можно будет изменять только редактируемые области, которые будут обведены бирюзовой рамкой, по центру верхней стороны которой будет вкладка с ее именем и значок с вариантом редактирования. Отредактируйте содержимое в редактируемых областях, например,
- Сохраните файл как *.html документ, не забыв изменить ее название командой Формат => Заголовок и свойства страницы….
- Просмотрите полученный документ в браузере, щелкнув по кнопке Просмотр
.
Примечание. Вы можете удалить редактируемую область или сделать область редактируемой с помощью строки состояния, щелкнув правой кнопкой мыши на нужном теге и выбрав команду Шаблоны.
В том случае если на web-страницу созданную с помощью шаблона требуется внести дополнительные изменения, то необходимо отделить документ от шаблона выполнить команду Правка => Отделить от шаблона.
Задание 12. Создайте шаблон для страниц своего сайта.