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

События


В редакторе WYSIWYG Web Builder в окне Свойств объектов (См. Свойства страницы /сайта) есть вкладка Events (вкладка событий).

Предопределенные действия включают: Show (Покажите), Hide (Скройте), Move (Перемещение), Set Image (Изображение набора) , Play (Играть), Pause (Пауза), Stop (Остановка) и Javascript Function (Функция Javascript.).

Многократные события могут быть назначены к единственному объекту.

Чтобы добавить событие -  щелкните Add. Затем выберите из раскрывающегося списка событие (.Event),  действие (Action) и определите адресата (Target).


События (Случаи)

Список доступных событий включает:

onblur - когда объект теряет входной центр.

onchange - когда информационные наполнения объекта или выбора изменились.

onblur -  когда объект теряет входной центр.

onchange - когда содержание объекта или выбора изменилось.

onclick - когда пользователь щелкает левой кнопкой мыши по объекту.

ondblclick - когда пользователь дважды щелкает объект.

onfocus - когда объект получает центр.

onkeydown - когда пользователь нажимает клавишу.

onkeypress - когда пользователь нажимает алфавитно-цифровую клавишу.

onkeyup - когда пользователь выпускает клавишу.

onload - немедленно после браузера загружают объект или страницу.

onmousedown - когда пользователь щелкает объектом с любой кнопкой мыши.

onmousemove -  когда пользователь перемещает мышь по объекту.

onmouseout - когда пользователь перемещает указатель вне границ объекта.

onmouseover - когда пользователь перемещает указатель в объект.

onmouseup - когда пользователь выпускает кнопку мыши, в то время как мышь по объекту.

onreset - когда пользователь сбрасывает форму.

onscroll - когда пользователь повторно устанавливает бегунок в полосу прокрутки на объекте или странице.

onselect - когда текущий выбор изменяется.

onsubmit - когда ФОРМА собирается подвергнуться.

onunload - немедленно перед объектом или страницей разгружены.


Новые события HTML5:


ondrag - когда элемент перетаскивают.

ondragend - в конце операции перетаскивания.

ondragenter - когда элемент перетащили правильному адресату снижения.

ondragleave - когда элемент оставляет правильного адресата снижения.

ondragover

- когда элемент перетаскивают по правильному адресату снижения.

ondragstart - в начале  операции перетаскивания.

ondrop - выполняются, когда перетащенный элемент понижается.

onmousewheel - когда колесо мыши вращается.

onscroll - когда полоса прокрутки элемента прокручивается.

oncontextmenu - когда контекстное меню вызвано.

onformchange - когда форма изменяется.

onforminput - когда форма получает пользовательский ввод.

oninput - когда элемент получает пользовательский ввод.

oninvalid - выполняются, когда элемент недопустим.


События страницы HTML5:

onafterprint - после документа напечатаны.

onbeforeprint - перед документом напечатаны.

onbeforeonload - перед загрузками документа.

onerror - когда ошибка происходит.

onhaschange - когда документ изменился.

onmessage - когда сообщение вызвано.

onoffline - когда документ идет офлайн.

ononline - когда документ прибывает онлайн.

onpagehide - когда окно скрыто.

onpageshow - когда окно становится видимым.

onpopstate - Запускает изменения истории окна.

onredo - когда документ выполняет восстанавливание.

onresize - когда окно изменено.

onstorage - когда документ загружается.

onundo - когда документ выполняет отмену.


События (Events)
- Новая функция: добавлена цель «self». Когда вы выбираете это как цель, WWB будет автоматически использовать идентификатор текущего объекта. Это может быть полезно при копировании объекта, поэтому вам не нужно вручную редактировать события «self».
- Новая функция: добавлены действия «включить» и «отключить». Это можно использовать для отключения / включения элементов формы (кнопка, флажок, переключатель, поле ввода, поле со списком, текстовое поле).

Новое: События (Events) - Улучшено: использование отображения / скрытия с эффектом с лайтбоксом, диалоговым окном, модальным окном, всплывающим окном, панель будет автоматически использовать отображение / скрытие вместо этого, поскольку эти функции не поддерживают эффекты.
- Улучшено: размер окна «События» (Events) теперь можно изменять.
- Улучшено: в окне событий отображаются первые 25 символов JavaScript.


Новое: События (Events) - новая функция: к кнопке «События» добавлен раскрывающийся список с новыми командами: «События объекта» (Object Events), «События страницы» (Page Events) и «Все события» (All Events).
- События объекта, открывает диалоговое окно событий для выбранного в данный момент объекта (или страницы).
- События страницы, открывает диалоговое окно событий для страницы.
- Все события, открыть диалог событий со списком всех событий страницы и объектов. Это может быть полезно, если вы не помните, к каким объектам вы добавили события.


Новое для События: добавлено действие «Установить значение».
«Задать значение» в настоящее время поддерживает следующие объекты: поле редактирования, текстовая область, поле со списком, флажок, переключатель, переключатель, счетчик, счетчик, ползунок, диапазон, текст кнопки, текст заголовка, текст метки.
Также добавлены другие собтия - Подробнее

Новое для Events (События): Добавлены действия «Печать документа» и «Печать элемента». К событиям объекта добавлен параметр «ondocumentready». Раньше событие ondocumentready было доступно только через события страницы.
Подробнее


Действия

Эти действия могут быть назначены на случай выше:

Show - Показ - Покажите объекту как определено в Целевой области

Hide - Скройте объект как определено в Целевой области

Move - Переместите объект как определено в Целевую область, чтобы установить Левый, Вершина.

Set Image - Установите изображение объекта 'Адресат' как определено в Имени файла

Javascript Function - Выполните заказную функцию javascript (eg., предупреждение ('вводят Ваше сообщение') ;)

Эти действия могут использоваться в комбинации с объектом Игрока СМИ Windows. Отметьте, что это не может быть поддержано на всем браузере, в зависимости от игрока СМИ значения по умолчанию.

Play - Игра - Запустите файл WMP.

Pause - Пауза - Сделайте паузу файл WMP.

Stop - Остановиться - Остановите файл WMP.

Следующие действия могут использоваться в комбинации с объектами Slide Show  (Слайдами) и Карусель

Удостоверьтесь, что Вы выбираете правильный объект демонстрации слайдов как адресат и установить интервал в 0!

SlideShow Next - Отобразите следующее изображение слайдов или следующую рамку Карусели.

SlideShow Next - Отобразите предыдущее изображение слайдов или предыдущую рамку Карусели


SetStyle

Действие SetStyle может использоваться, чтобы динамически установить новый стиль для объекта. Стиль должен быть  создан в Style Manager - Менеджере Стиля.

ShowWithEffects - Покажите объекту как определено в Целевой области, в то время как использование одного из крутых эффектов как исчезновение, скольжение, селективно блокирует, взрываться, снижение затяжки и т.д....

Дайте Вашему вебсайту удивительную 'сеть 2.0' эффекта, только несколькими щелчками мыши!

HideWithEffects - Скройте объект как определено в Целевой области.


Мультипликация

Следующие свойства могут быть анимированы:

Left -  это анимирует объект к указанной горизонтальной позиции (в пикселях).

Top - это анимирует объект к указанной вертикальной позиции (в пикселях).

Width - это анимирует объект к указанной ширине (в пикселях).

Height - это анимирует объект к указанной высоте (в пикселях).

Opacity -  это анимирует непрозрачность указанного объекта (в диапазоне между 0.0 - 1.0)


Копия/вставка

Кнопка copy/paste позволяет Вам копировать/вставлять события от или до другого объекта или страницы!

Подсказка:

События, которые не упомянуты выше, могут быть вставлены, используя заказные инструменты HTML.

Важное примечание:

Когда Вы осуществите случай для объекта, тогда это запишется поверх поведения значения по умолчанию для того случая.

Так, если Вы осуществляете 'onclick' случай для представленной кнопки, тогда он больше не будет выполнять 'onsubmit' действие, потому что он предполагает, что Вы хотите осуществить действие самостоятельно.

Если Вы все еще хотите допустить поведению значения по умолчанию для случая, тогда следуют за этими шагами:

1) Добавьте тот же самый случай снова и выберите action -> javascript function-действие-> javascript функция.

2) В области JavaScript введите: return true;-возвратите истину;

Новая функция: действие, Добавлена анимация с помощью CSS3' ( "CSS3 Animate"). Это приведет к CSS3 анимация от Менеджера мультипликации. Таким образом, больше нет необходимости вручную создавать отдельный стиль, редактор сделает это автоматически
 
Новая функция: Добавлены события 'onscrollreveal', 'onscrollhide' и 'onscrollrevealpartial' для большинства объектов. Ранее эти события были доступны только для объекта закладки (bookmark).

Добавлена поддержка событий для ссылок в навигации объектов: BreadCrumb, CSS Menu, Mega Menu, Navigation Bar, Pagination, Panel Menu, Responsive Menu, Slide Menu, Tab Menu, Text Menu, jQuery ListView and jQuery Menu (см. Панели навигации).

Новая функция: добавлены действия "Form Submit" ("Отправка формы") и "Form Reset" ("сброс формы") для событий. Эти действия можно использовать для отправки или сброса формы через события! Например, чтобы отправить форму с помощью кнопки, которая не является частью формы.
- Новая функция: добавлена "ondocumentready" на страницу событий. Это событие будет вызвано, как только объектная модель документа страницы (DOM) будет готова для выполнения кода JavaScript. Это может быть полезно, например, для применения стиля к объекту.

  Прокрутка событий и переходов  -  Scroll Events and Transitions

Новая функция: добавлена Disable scroll events on small screens    - "отключить прокрутку событий на маленьких экранах" в Свойствах  страницы. Эта опция добавляет возможность отключить прокрутку событий на маленьких экранах (например. в телефонах.)
- Новая функция: добавлена Disable scroll transitions on small screens    -"отключить переходы прокрутки на маленьких экранах" в Свойствах страницы. Эта опция добавляет возможность отключить переходы прокрутки на маленьких экранах (например, в телефонах)
Minimum width   ("Минимальная ширина") указывает ширину, при которой события/ переходы прокрутки будут отключены.
- Новая функция: добавлена "Exclude browsers" ("исключить браузеры") в свойствах страницы. Эта опция добавляет возможность отключить события прокрутки и переходы в определенных браузерах (например, в iOS, Android).

См. также   (англ. язык)


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

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


Рейтинг@Mail.ru