Создание динамического веб-шаблона. Общая структура. Прикрепление шаблона к страницам.
Часть 2.
В ячейке "Для текста" создайте таблицу 1x1 и задайте ей параметры, как и у других таблиц:
Выделите эту таблицу и перейдите в "Формат"\ "Динамический веб-шаблон"\"Управление изменяемыми областями"
В появившемся окне введите "Имя области" - "Text" и нажмите кнопку "Добавить"
Должно получиться следующее:
Теперь сохраним наш шаблон.
"Файл"\ "Сохранить как..."
В появившемся окне выбираем "Тип файла" - "Динамический веб-шаблон"
И вводим любое имя, например "index"
Переходим в "Веб-узел". Находим новый файл с расширением .dwt Нажимаем на нем правой кнопкой мыши и выбираем "Свойства"
В появившемся окне удаляем параметр "Название".
Теперь нажмите на клавиатуре "Ctrl" и выделите все страницы, кроме шаблона. Перейдите в "Формат"\"Динамический веб-шаблон"\ "Присоединить динамический веб-шаблон"
В открывшемся окне выберете шаблон, созданный ранее.
После присоединения у Вас на экране появиться таблица с количеством обновленных страниц:
Теперь изменяя все, что не входит в таблицу с изменяемой областью "Text" в динамическом веб-шаблоне, после сохранения шаблона, будет изменяться на других страницах. Это очень удобно! Т.к. изменяя одну страницу, Вы изменяете все страницы, к которым прикреплен шаблон. На одном сайте может присутствовать несколько шаблонов. Их количество ни чем не ограниченно.
На этом данный урок окончен.
Делаем обычное меню из гиперссылок.
Продолжаем создание нашего Веб-узла. В предыдущих уроках Мы создали Веб-Узел, создали основные страницы, динамический веб-шаблон, и присоединили его к страницам. Теперь будем делать простое меню для сайта.
Открываем страницу нашего Веб-шаблона с расширением .dwt
нажмите для увеличения.
Переходим в ячейку, где будет располагаться меню и создаём в ней таблицу 7x2
Переходим в свойства созданной таблицы
и ставим параметры:
Выравнивание - "По центру"
Задать ширину - 300 точек (этот параметр должен соответствовать ширине ячейки, в которой сделана таблица)
Поля ячеек - 0
Интервал ячеек - 0
Размер границы - 0
Я приготовил изображение, которое у меня будет стоять перед гиперссылкой. Вот это изображение:
Его размеры - 20x18 точек.
Теперь необходимо изменить параметры ячеек, где будет вставлено это изображение.
Выделяем левые ячейки таблицы меню, нажимаем правую кнопку мыши и выбираем "Свойства ячейки..."
Задаем такие параметры:
Выровнять по горизонтали - "по центру"
Выровнять по вертикали - "по середине"
Задать ширину - 20 точек
Вставляем изображение в первую ячейку:
"Вставка"\"Рисунок"\"Из файла..."
В появившемся окне выбираем изображение.
Один раз нажимаем левой кнопкой мыши на вставленном изображении и на клавиатуре нажимаем "Ctrl" + "С", или переходим в "Правка"\ "Копировать"
Переходим в ячейку ниже и нажимаем на клавиатуре "Ctrl" + "V" , или "Правка"\ "Вставить"
Проделываем эту операцию со всеми остальными ячейками.
Теперь наполняем наше меню содержимым. Для удобства восприятия можно изменить интервал ячеек в свойствах таблицы на 5.
В ячейки вводим названия страниц.
Выделяем первое название "Главная", нажимаем правую кнопку мыши, переходим в "Гиперссылка"
В открывшемся окне выбираем домашнюю страницу - index.htm
Таким же образом делам гиперссылки на другие страницы.
Сохраняем наш Веб-шаблон, и проверяем, что изменились все страницы.