Рейтинг@Mail.ru
Перейти к содержанию
 

Работа с шаблонами

Шаблоны страниц сайта удобно использовать, когда необходимо создать несколько страниц, которые имеют одинаковый дизайн, но различное содержание. В Nvu можно создавать собственные шаблоны и использовать их как основу для своих веб-страниц.

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

Шаблон может быть создан двумя способами.

  1. Создание пустого шаблона.
  2. Преобразование одной из web-страниц в шаблон

Создание пустого шаблона

Для того, чтобы создать шаблон выполните следующую последовательность действий:

  1. Дайте команду меню Файл => Создать или нажмите на стрелку рядом с кнопкой Создать на панели инструментов и выберите Еще настройки.
  2. В открывшемся окне диалога Новый документ (рис.) выберите Пустой шаблон и нажмите кнопку Создать.
  3. Добавьте и отформатируйте содержимое страницы, которое останется неизменным для каждой страницы тем же способом, что и для обычного текста на веб-странице. Например,
    • вставьте таблицу из трех столбцов и трех строк,
    • объедините все ячейки в первой и третьей строке,
    • сделайте заливку цветом в первой строке
    • введите текст: в первую строку – Заголовок, в третью – copyright 2011-2015.
  4. Вставьте области для редактирования содержимого, которое будет различаться в веб-страницах. Например, во второй строке в каждой ячейке создайте свою редактируемую область, например, ed1, ed2, ed3. Для этого необходимо выполнить следующие действия:
    • Дайте команду  Вставка => Шаблоны => Вставить редактируемую область.
    • Заполните поля: Имя области – имя, которое отобразится в редакторе и на вкладке с именем и как содержимое области.
    • Выберите Тип области – поток текста или блок, который начинается с новой строки.
    • Отметьте Параметры,  определяющие варианты редактирования:
      • Дополнительнаяобласть – область, которую можно редактировать или удалить (закрыть).
      • Повторяющаяся область – область, которую можно продублировать нужное число раз.
      • Перемещаемая область – область, которую можно просто редактировать.
  5. Сохраните файл. По умолчанию файл сохраняется, как шаблон с расширением *.mzt.

Преобразование одной из web-страниц в шаблон

Для того, чтобы преобразовать  web-страницу в шаблон необходимо выполнить следующую последовательность действий

  1. Открыть нужную страницу в редакторе Nvu.
  2. Дать команду Формат => Заголовок и свойства страницы…
  3. В диалоговом окне Свойства страницы установить флажок Эта страница – шаблон.
  4. В нужных местах страницы добавить редактируемые области, командой описанной выше.
  5. Полученный документ сохранить в одну из папок сайта как шаблон с расширением *.mzt.

Использование шаблонов

Чтобы использовать шаблон для создания новой веб-страницы необходимо выполнить следующую последовательность действий:

Чтобы использовать шаблон для создания новой веб-страницы необходимо выполнить следующую последовательность

  1. Дайте команду Файл => Создать или используйте сочетание клавиш Ctrl+N.
  2. Отметьте опцию Новый документ из шаблона и выберите шаблон, нажав кнопку Выбрать файл.
  3. Нажмите кнопку Создать.
  4. В полученном документе можно будет изменять только редактируемые области, которые будут обведены бирюзовой рамкой, по центру верхней стороны которой будет вкладка с ее именем и значок с вариантом редактирования. Отредактируйте содержимое в редактируемых областях, например,
  5. Сохраните файл как *.html документ, не забыв изменить ее название командой Формат => Заголовок и свойства страницы….
  6. Просмотрите полученный документ в браузере, щелкнув по кнопке Просмотр .

Примечание. Вы можете удалить редактируемую область или сделать область редактируемой с помощью строки состояния, щелкнув правой кнопкой мыши на нужном теге и выбрав команду Шаблоны.

В том случае если на web-страницу созданную с помощью шаблона требуется внести дополнительные изменения, то необходимо отделить документ от шаблона выполнить команду Правка => Отделить от шаблона.

Задание 12.  Создайте шаблон для страниц своего сайта.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Написать комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Реклама: