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
Flexbox
Wizard
Flex Grid (сетка)
Объекты Media
Объекты администрирования
Объекты страниц коммерции
Значок (Favorites Icon)
Карты Google
Toasts
Card Container
Conveyer Belt
И другие объекты

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

jQuery

jQuery Accordion   
jQuery AutoComplete
jQuery Button (Themeable Button)
jQuery DatePicker 
jQuery Dialog  
jQuery Progressbar   
jQuery Slider   
jQuery Tabs  
Theme Roller   
jQuery Menu (Themeable Menu)
jQuery Spinner   
jQuery Tooltips  
jQuery Mobile
jQuery ListView
jQuery Panel
jQuery Toasts 
jQuery Wizard
Уведомления
Менеджер темы
Новое в WYSIWYG Web Builder 11
Новое в WYSIWYG Web Builder 12
Новое в WYSIWYG Web Builder 14
Новое в WYSIWYG Web Builder 15
Новое в WYSIWYG Web Builder 16
Новое в WYSIWYG Web Builder 17

Доступные расширения 


Themeable Menu (jQuery Menu)

Themeable Menu (Меню jQuery) - многоуровневое меню. Основано на jQuery Menu: http://jquery.com/

В версии WYSIWYG Web Builder 14 также добавлена поддержка Bootstrap-подобных меню - см. Новое в WYSIWYG Web Builder 14.

Для вставки меню jQuery используйте:



Настройки:

Вкладка General
Выберите Add, чтобы вставить новый элемент к меню.
Выберите Edit, чтобы изменить свойства существующего элемента.
Чтобы удалить элемент меню, выберите Remove.
Move Up и Move Down -Поднять выше или отпустить ниже выбранный пункт меню
Move Left - Создание пункта одного уровня
Move Right -Создайте пункт ниже уровнем
Layout -Схема размещения (вертикально или горизонтально)
Orientation - Ориентация - позиция подменю относительно родительского пункта

Synchronize with Site Manager - Когда выбрана эта опция, редактор  автоматически синхронизирует элементы с содержанием Менеджера Сайта.
Так, если например Вы добавляете новую страницу, элемент автоматически будет добавлен к строке меню.
или если Вы переименуете страницу, то текст элемента будет также обновлен.
Target - Определяет целевое окно ссылок, когда выбрана опция 'Synchronize with Site Manager'.

Вкладка Options
Menu mode - Тип меню (jQuery UI, Context Menu или Bootstrap) - см. Сайты для разных экранов
Icons - выбор значков под-меню

Вкладка Style
На вкладке определяется стиль оформления меню - цвета (фона, границ, текста), отступы и другое.
Вы можете установить тему для всего меню в Свойствах Страницы -> Стиль -> Тема.
Темы могут быть созданы/редактированы со встроенным Менеджером темы (Theme Manager).
В режиме ' Menu' меню будет отображено в той же самой позиции как в режиме конструирования.
В режиме 'Contex Menu' меню будет вести себя как контекстное меню - будет отображено при правом щелчке мыши.

Вкладка RWD
Значение точки останова (Контрольной точки) на вкладке адаптивный веб-дизайн (RWD) указывает, когда меню переключится из горизонтального в вертикальный режим, если тип макета установлен в 'Responsive' ("отзывчивый") - см. Сайты для разных экранов.


Новое в Themeable Menu - новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI.
- Новая функция: добавлена возможность устанавливать цвет границы (и альфа) кнопки запуска на мобильном устройстве.
- Новая функция: добавлена поддержка выпадающих анимаций в меню Bootstrap: исчезновение, скольжение и масштабирование.
Выпадающее меню (Dropdown Menu)

Новая функция: добавлен пункт «Выпадающее меню» (Dropdown Menu) на Панели вставок (Toolbox) (вместо themable menu). Подробнее


Toasts 

Тосты - это небольшие уведомления, имитирующие push-уведомления, которые были особенно популярны в мобильных и настольных операционных системах. Они могут отображаться при загрузке страницы или с задержкой.
Несколько тостов автоматически складываются вертикально.

Из настроек
Text (Текст) можно редактировать так же, как и стандартный текст, то есть  доступны те же инструменты форматирования и редактирования, включая стили, межстрочный интервал, межбуквенный интервал, маркеры, поиск / замену, lorem ipsum (имитация текста), адаптивные шрифты и поддержку ссылок.
Show Delay (Показать задержку) - задает задержку (в миллисекундах) перед показом тоста. Установите значение «-1», чтобы изначально скрыть тост, чтобы вы могли управлять им с помощью Событий (показать / скрыть).
Hide Delay  (Скрыть задержку) - задержка скрытия тоста в миллисекундах. Установите «0», чтобы отключить автоматическое скрытие.
Title (Заголовок) - Задает название тоста.
Sub Title (Подзаголовок) - Задает (необязательно) подзаголовок.
Position (Позиция)- Определяет размещение тоста. Это глобальное свойство. Это означает, что это повлияет на размещение всех тостов на текущей странице!
Header Style (Стиль заголовка) - Задает стиль заголовка.
Icon (Значок) - Заголовок также может включать значок из одной из доступных библиотек значков.
Cookie Expire Days (Срок действия файлов cookie) - Задает максимальный срок в днях, в течение которого cookie запоминает состояние видимости тоста.
Например, если установлено значение «30», то, если пользователь закроет тост, он будет скрыт в течение следующих 30 дней. Используйте 0, чтобы отключить функцию cookie.

Подробнее о Toasts 

Новое: Toast теперь использует Bootstrap 5. Больше не зависит от jQuery. Весь код был переписан для удаления зависимости jQuery.

 
Новая функция: добавлена ​​поддержка стандартных событий (onclick, onmouseover и т. д.).
- Новая функция: добавлены специальные тосты. 'show' запускается сразу после вызова действия show. 'shown' запускается, когда тост становится видимым для пользователя. 'hide' запускается сразу после вызова действия hide. 'hidden' запускается, когда тост перестает быть скрытым от пользователя.


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

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


Рейтинг@Mail.ru