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
Предварительный просмотр
Публикация
Новое в последних версиях
Сотрудничество

Таймер

Назначение таймера (Timer) - отсчет времени.
Кроме этого, объект таймера позволяет вызвать действия, основанные на событиях таймера. Например, показать или скрыть объект после истечения определенного времени (в миллисекундах).

Все действия случая поддержаны - показать, скрыть, сменить друг друга, проиграть видео, аудио, активировать JavaScript и т.д. Возможности бесконечны!

Для вставки таймера используйте Панель вставок, или Ленту (вкладка Insert - Advanced - Timer), или контекстное меню страницы (Insert - Advanced - Timer).

Настройки:

Вкладка General
Type - Объект Таймера поддерживает два типа:
  • Interval - Интервал. Выполняет функцию, много раз, в указанных временных интервалах.
  • Timeout - Блокировка времени. Выполняет функцию однажды, после ожидания конкретного количества миллисекунд.
Interval  - Определяет интервал в миллисекундах.
Auto start - Определяет, запускается ли таймер автоматически. Если эта опция не выбрана, Вы можете запустить таймер через события (например на щелчке кнопки).
Кроме этого, Вы можете также остановить таймер через события (Остановка Таймера)

Вкладка Events (События)
В Событиях Вы можете конфигурировать то, что случится, когда время отсчета таймера истечет.
Например Вы можете отобразить или скрыть объект, запустить файл СМИ, анимировать кое-что и т.д.
Подробнее о событиях

См. также:
Как редактировать таймер отсчета (видео)

Новое для Timer (таймер): Представлен новый вариант типа «Посещения». Эта функция позволяет запускать таймер после определенного количества посещений. Новый вариант типа «Дни». Теперь вы можете настроить таймеры, которые будут активироваться через определенное количество дней после первого посещения пользователя. Добавлена ​​опция «Диапазон дат». добавлена ​​опция «Временной диапазон». И другое
Подробнее


Progress Bar

Progress Bar (Индикатор выполнения) предназначен для простого отображения текущего процента завершения процесса. Например, Индикатор выполнения может отражать процент загрузки или состояния онлайн-опроса.

Диапазон индикатора от 0 до 100 процентов.

Примечание:
Значение индикатора выполнения обычно обновляется через JavaScript. Он ничего не делает сам по себе.
 
Объект Progressbar основан на виджете индикатора выполнения библиотеки пользовательского интерфейса jQuery - Подробнее.

Создание Progress Bar
Для вставки Progress Bar  используйте Панель вставок (Toolbox)- раздел jQuery UI / Bootstrap - Progress Bar.


Настройки


General

Initial Value (начальное значение) - Задает начальное значение индикатора выполнения. Обычно это '0'.

Indeterminate (Неопределенный) - Включите этот параметр, чтобы отобразить (анимированный) неопределенный индикатор выполнения.

Show Percentages (Показать проценты)  - Выбор, показывать ли проценты в индикаторе выполнения (Новое в WYSIWYG Web Builder 14)
 
Style (Стиль оформления)
Внешний вид этого объекта определяется темой страницы. Вы можете установить тему в Свойствах страницы (Page Properties) - Style (стиль)  - Theme (тема).

Темы можно создавать/редактировать с помощью встроенного Менеджера темы или посетив веб-сайт ThemeRoller.

 
Ниже приведен пример обновления значения индикатора выполнения с помощью JavaScript.

1. Добавьте виджет индикатора выполнения на свою страницу.

2. Запишите  ID. Значение по умолчанию - ' jQueryProgressbar1’.

3. Добавьте на страницу изображение, фигуру или другой объект с поддержкой событий.

4. Откройте свойства и выберите вкладку ‘Events’ ("события").

5. Нажмите кнопку  ‘Add’ ("Добавить), чтобы вставить новое событие.

6. Выберите 'Event’: OnClick и установите функцию’ Action' в JavaScript.

 
Для обновления значения (0 - 100) progressbar выполните следующий код

$('#jQueryProgressbar1').progressbar('option', 'value', 75);
 
где jQueryProgressbar1-это идентификатор элемента управления ProgressBar.

 
Отзывчивые свойства

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

·  visibility  - видимость
· object position - положение объекта
· object size  - размер объекта

Подробнее о Progressbar  (англ. язык)


Новое в WYSIWYG Web Builder 11
Добавлен выбор 'Indeterminate'  (Неопределенный). Позвольте этому выбору показать (оживляемый) неопределенный бар продвижения.


Новое в WYSIWYG Web Builder 14
Новая функция: добавлена возможность показывать проценты в progressbar.




















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

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


Рейтинг@Mail.ru