Web Studio

Галерея кнопок


Buttons Gallery  - Галерея Кнопок содержит сотни готовых кнопок, и Вы можете также добавить собственные кнопки.
Чтобы использовать кнопку от Галереи Кнопок, выберите дизайн кнопки из предлагаемых и просто перетащите и опустите кнопку на страницу. После этого открывается Rollover Button Studio  - Студия Кнопки, которая позволяет Вам настраивать свою кнопку.
Вы можете всегда вновь изменить кнопку, дважды щелкнув по ней.

 
Добавьте кнопку к Галерее Кнопок
Вы можете использовать свою кнопку. Для этого лучше всего добавить ее к Галерее кнопок. Это позволяет Вам использовать Rollover Button Studio.
Чтобы добавить свою кнопку, сначала поместите ее на страницу (используйте вкладку Insert - Picture). Затем откройте галерею Кнопок, нажмите Ctrl+Shift и перетаскивайте свою кнопку в Галерею кнопок.
Вы также можете использовать контекстное меню с командами Скопировать и Вставить.
 

Создание эффекта Rollover

Эффект Rollover (или Mouseover-эффект) проявляется при наведении курсора на кнопку. При этом одно изображение кнопки изменяется на другое.
Обычно кнопки с эффектом Rollover имеют два состояния - нормальное и состояние при наведении курсора (Mouse Over).
Web Studio создает кнопки с тремя состояниями:
Normal (нормальное), Mouse Over (при наведении курсора) и Mouse Down (при щелчке по кнопке).

Rollover Buttons Studio
Когда Вы перетащили и опустили кнопку от Галереи Кнопок, Rollover Buttons Studio (Студия Кнопки)  автоматически открывается.



У Rollover Button Studio есть три окна просмотра (Preview), которые показывают вид кнопки  в  состояниях Normal, Mouse Over и Mouse Down.

Также см. Создание эффекта Rollover из 3-х любых изображений.

Выберите опции:

Button’s Text - Текст Кнопки.
Font Options - Опции Шрифта (вид шрифта, размер и цвет).
Text Position - Позиция текста (выравнивание текста на кнопке).
Color - Цвет. Движки позволяют Вам изменять Оттенок (цвет), Насыщенность или Интенсивность для каждого состояния кнопки.
Text Style - Текстовый Стиль. Выберите один из трех стилей для текста: Поднятый, Плоский, или заглубленный. Лучший текст для нормального состояния - плоский.
Animate Button - Применение анимации к тексту кнопки.

Примечание: у русскоязычных пользователей могут возникнуть проблемы с кодировкой.


Создание ссылки на кнопке

Чаще всего кнопки применяются для создания ссылок.
Используйте кнопку Link в окне Rollover Button Studio  - Студии Кнопки, чтобы открыть диалог, где Вы можете добавить ссылки или якоря к кнопке.

Добавьте ссылку к кнопке от Галереи Ссылок

Галерея Ссылок содержит список всех страниц на Вашем сайте в разделе Ссылок Сайта. Вы можете перетащить и отпустить название страницы от галереи на кнопку.
Нажмите на вкладку Links в области окна Галерей.
Найдите, что ссылка добавлена к кнопке.
Перетащите и опустите это от Галереи Ссылок на кнопку (Ориентируйтесь при опускании ссылки на "горячую точку").
Ссылка будет применена к кнопке.

Также для создания ссылки на кнопке может использоваться Список страниц - выберите страницу в списке и перетащите ее на кнопку.

Подробнее о создании ссылок - см. Ссылки


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


Предварительный просмотр кнопки

Нажмите на вкладку Preview Upload Host > Preview in Web Studio > Page.
Рассмотрите кнопку в браузере.

Вы можете видеть то, на что похожа кнопка и как она изменяет состояние, используя команду Preview Page. Однако, если Вы хотите проверить ссылки на кнопке, Вы должны использовать команды Ссылка или Preview Website Предварительного просмотра.


Подробнее о работе с кнопками - в авторской справке программы.