WYSIWYG Web Builder

Обзор



Содержание сайта
Визуальные редакторы
Обзор программ л.2
WYSIWYG Web Builder

Содержание

Введение
Основные шаги
Настройки WYSIWYG Web Builder

Интерфейс
Интерфейс WYSIWYG Web Builder 9 и 10
Язык интерфейса
Строка меню (Menu Bar)
Лента (Ribbon)
Панель вставок (Toolbox)
Панель быстрого доступа
Менеджер сайта
Инспектор свойств
Менеджер резервирования
Издатель файлов
Form Wizard
Master Page
Master Frames
Master Objects
Менеджер расширений
Менеджер активов
Менеджер объектов
Менеджер темы
Менеджер градиента
Менеджер стиля
Менеджер мультипликации  
Менеджер шрифтов Google
Редактор стилей ссылок
Диспетчер ссылок
Линейка, сетка, направляющие линии

Сайт

Страницы

Объекты
Работа с объектами
Список объектов
Текст
Заметки (Notes)
Заголовки
Шрифты
Заполняющий текст
Спецсимволы
Списки
RollOver Text
Обтекание текста
Горизонтальная линия
Изображения (Image)
Изображения (Picture)
Rollover Image
Rollover Layer
Бегущая строка 
Карта ссылок
Баннер
ClipArt
Text Art
Слайды
Фотоколлаж
Фотогалерея
Аккордеон
Таблицы
Ссылки
Закладки (якоря)
Рамка (Inline Frame)
Lightbox (Лайтбокс)
Анимация
Объекты рисунка
Панели навигации
Диалог
Вставка кода HTML
Audio HTML5
YouTube  
Блог
Статья
Карусель
Держатель места
Рассылка новостей
Лента новостей
Поиск на сайте
Таймер
Верхний колонтитул
Нижний колонтитул
Java Scripts
Java апплеты
Примечания
Информационные бюллетени
RSS Feed (RSS-канал)
Structured Data
Блоки объектов
Объекты jQuery
ThemeRoller
Embedded Page
Reusable objects
Веб-формы
Card
Section (Раздел)
Flexbox
Wizard
Flex Grid (сетка)
Объекты Media
Объекты администрирования
Объекты страниц коммерции
Значок (Favorites Icon)
Карты Google
Toasts
Card Container
Conveyer Belt
И другие объекты

Расширения
События
Глобальная замена
Слои (уровни)
Поиск ошибок
Использование искусственного интеллекта
Оптимизация сайта (SEO)
Администрирование
CMS
Предварительный просмотр
Публикация
Новое в последних версиях
Сотрудничество

Мега Меню

Пример мега-меню

Мега Меню - большое раскрывающееся меню, которое содержит многократные столбцы ссылок. Это меню дает доступ ко всем ссылкам сразу, без использования прокрутки или создания под-меню.
У меню, которое раскрывается вниз, могут быть строки, столбцы, только простое меню или никакое под-меню.

Мега Меню было создано, используя jQuery. Вы можете установить тему для оформления меню в Page Properties -> jQuery UI Theme.  Темы могут быть созданы/отредактированы со встроенном  Theme Manager - Менеджере темы.

Примечание: с версии WYSIWYG Web Builder 11 у Мега Меню (Mega Menu) может быть свое собственное моделирование (независимое от jQuery UI Тема).



Для создания мега-меню щелкните по Mega Menu (раздел Navigation) на Панели объектов (левая панель) или используйте меню Insert - Navigation - Mega Menu.

На страницу будет вставлено меню, по умолчанию состоящее из 3 пунктов и нескольких под-пунктов.
Откройте свойства меню - в контекстном меню выберите Properties. Откроется окно Mega Menu Properties, в котором Вы можете определить свойства меню
-  добавить, редактировать и удалять пункты меню. Щелкните "Add", чтобы вставить новую кнопку к строке главного меню. Свойства кнопки дают Вам, обращаются к подменю.
Edit - редактирование выделенного пункта меню.
Button Text - Определяет текст кнопки.
Menu Layout  - Определяет, как элементы в подменю будут отображены.
Columns only - Столбцы только. Все категории будут отображены в столбцах (1 строка).
Rows only - Строки только. Все категории будут отображены в строках (1 столбец)
2 columns -  будут отображены в 2 столбцах.
Можно разместить под-пункты меню также в 3 и 4 столбцах.
Simple menu - Простое раскрывающееся меню
Button only - У кнопок строки меню нет никаких под-меню.

Ссылки организованы в категориях. Чтобы добавить новую категорию нажимают Add category’ (Добавьте категорию) и определите название. Чтобы добавить ссылку к категории, сначала выберите название категории и затем нажмите ‘Add Link’ - 'Добавьте Ссылка’.
Вы можете перестроить ссылки (переместить вверх или вниз), используя кнопки  'Move Down'  или Move Up.

Такие свойства меню, как размеры и позиция, определяются в  Инспекторе свойств.

Стиль оформления меню
Style (стиль) - вкладка окна Mega Menu Properties
Строка меню использует глобальную тему страницы, которая может быть установлена в меню Page - Page Properties - Style.

Вы можете изменить тему страницы по умолчанию - выбрать другой тип и размер шрифта
Свойство 'Мультипликации' допускает применение мультипликации для того, чтобы скрыть и показать под-меню.
Button Padding  - Определяет расстояние от границ кнопки до текста кнопки. Текст кнопки +  Button Padding  определяет размер кнопки.
Button Spacing  - Определяет интервал между кнопкой.
Icon Index  - Определяет значок, отображенный на кнопке.
Icon Offset  - Определяет позицию значка на кнопке.
Если значение будет положительно, то значок будет расположен на левой стороне кнопки.
Если значение будет отрицательно, то значок будет расположен на правой стороне кнопки.
Sub Menu Padding - Определяет расстояние от границы кнопки до текста кнопки на кнопках под-меню.
Sub Menu Icon Index - Определяет значок, отображенный на левой стороне ссылок под-меню.














































































Последнее обновление: апрель 2016 г.

О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru