Website Painter
Обзор
Слои
Навигационные панели (меню)
При применении шаблонов навигационная панель уже вставлена на страницы шаблона, Вам нужно только дополнять ее новыми пунктами и подпунктами по мере создания страниц.
Создание меню
Вы можете убрать панель, которая идет с шаблоном, и заменить ее новой панелью навигации.
Создание своего меню в редакторе Website Painter не представляет трудностей. Для этого нужно на панели Инструменты щелкнуть по Navigation Menu, затем щелкнуть в окне редактирования. На страницу будет вставлена заготовка меню.
В редакторе нет функции автоматического создания меню по мере создания страниц, меню приходится строить вручную (это имеет определенные плюсы, главный из которых - простота создания меню).
Нужно ввести свои названия пунктов и подпунктов меню, определив для них ссылки (см. Ссылки).
Пример меню - вверху.
При применении шаблонов навигационная панель уже вставлена на страницы шаблона, Вам нужно только дополнять ее новыми пунктами и подпунктами по мере создания страниц.
Создание меню
Вы можете убрать панель, которая идет с шаблоном, и заменить ее новой панелью навигации.
Создание своего меню в редакторе Website Painter не представляет трудностей. Для этого нужно на панели Инструменты щелкнуть по Navigation Menu, затем щелкнуть в окне редактирования. На страницу будет вставлена заготовка меню.
В редакторе нет функции автоматического создания меню по мере создания страниц, меню приходится строить вручную (это имеет определенные плюсы, главный из которых - простота создания меню).
Нужно ввести свои названия пунктов и подпунктов меню, определив для них ссылки (см. Ссылки).
Пример меню - вверху.
Меню
может быть вставлено на всех страницах сайта или на некоторых по Вашему
выбору. На разных страницах сайта могут быть созданы меню с разным
оформлением.
Кнопки с Mouseover-эффектом
Mouseover-эффект проявляется при наведении курсора на кнопку, при этом вид кнопки изменяется.
Для создания кнопки с Mouseover-эффектом вставьте кнопку, щелкнув по Шейп Web2.0 на панели Инструменты.
На панели Свойства определите первоначальный вид кнопки (цвет или градиент цвета), в строке Цвет при наведении мышкой определите цвет при наведении курсора.
Создав одну кнопку, ее можно копировать и создать панель навигации (пример слева). На каждую кнопку нанесена своя надпись и создана своя ссылка.
Текстовое меню
Справа - текстовое меню, представляющее из себя просто текст со ссылками.
Такое меню -самое простое при создании.
Кнопки с Mouseover-эффектом
Mouseover-эффект проявляется при наведении курсора на кнопку, при этом вид кнопки изменяется.
Для создания кнопки с Mouseover-эффектом вставьте кнопку, щелкнув по Шейп Web2.0 на панели Инструменты.
На панели Свойства определите первоначальный вид кнопки (цвет или градиент цвета), в строке Цвет при наведении мышкой определите цвет при наведении курсора.
Создав одну кнопку, ее можно копировать и создать панель навигации (пример слева). На каждую кнопку нанесена своя надпись и создана своя ссылка.
Текстовое меню
Справа - текстовое меню, представляющее из себя просто текст со ссылками.
Такое меню -самое простое при создании.
Интерфейс
Проект
Страницы
Объекты
Ссылки
Закладки
На панели Свойства определить свойства меню.
Поддерживается несколько фоновых режимов (Цвет, Изображение, Градиент) выбором свойства 'BackgroundMode'.
Поддерживается несколько режимов границы. Фон будет видим, если файлы изображения не могут быть загружены или если изображение прозрачно. Если Вы хотите различные фоны, просто устанавливаете фон и границу к trnasparent и невидимый и помещаете любой другой элемент позади строки меню.
Другие поддержанные свойства:
Цвет для фона dropdown области окна меню.
Цвет для границы dropdown области окна меню.
Используйте Тень CSS: Тень выглядит очень хорошо, но отражается только на более новых браузерах, которые поддерживают эту особенность.
Стили Парения (при наведении курсора на кнопку меню):
Цвет фона Парения
Цвет Текста Парения
Цвет фона Области окна Парения:
Цвет Текста Области окна Парения:
Поддерживается несколько фоновых режимов (Цвет, Изображение, Градиент) выбором свойства 'BackgroundMode'.
Поддерживается несколько режимов границы. Фон будет видим, если файлы изображения не могут быть загружены или если изображение прозрачно. Если Вы хотите различные фоны, просто устанавливаете фон и границу к trnasparent и невидимый и помещаете любой другой элемент позади строки меню.
Другие поддержанные свойства:
Цвет для фона dropdown области окна меню.
Цвет для границы dropdown области окна меню.
Используйте Тень CSS: Тень выглядит очень хорошо, но отражается только на более новых браузерах, которые поддерживают эту особенность.
Стили Парения (при наведении курсора на кнопку меню):
Цвет фона Парения
Цвет Текста Парения
Цвет фона Области окна Парения:
Цвет Текста Области окна Парения:
О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку. |