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

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

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


jQuery - краткая Библиотека JavaScript, которая делает проще создание  HTML-документов.  jQuery создан, чтобы изменить способ, которым Вы пишете JavaScript. Сайт jQuery - http://jquery.com/

Редактор WYSIWYG Web Builder содержит несколько скриптов, источником которых является jQuery, и помогает установить их на Вашу веб-страницу.
См. также Введение в виджеты jQuery (англ. язык)

Для вставки на страницу объектов Query используйте меню Insert или панель вставок (Toolbox) - раздел jQuery

Для оформления объектов используйте также Менеджера темы.

В WYSIWYG Web Builder v 18 вместо jQuery используется Bootstrap в большинстве объектов:
Индикатор выполнения   Подробнее
Автозаполнение  Подробнее
Tooltip- Всплывающие подсказки Bootstrap можно активировать при наведении курсора мыши, щелчке, фокусировке или вручную. С более чем 35 анимациями!
Подробнее


jQuery Accordion

jQuery Accordion - Аккордеон. Объект имеет несколько вкладок, при щелчке по которым открывается содержание каждой вкладки.
jQuery Аккордеон основан на Виджете Аккордеона библиотеки jQuery UI: <http://jquery.com/
Примечание: В последних версиях программы На Панели вставок (Toolbox)  Аккордеон перенесен в раздел Layout (расположение)

Подробнее об аккордеоне


Новая функция: аккордеон теперь могут быть частью макета сетки!
- Новая функция: Добавлена поддержка для загрузки аккордеона. Это позволит использовать сценарий bootstrap вместо jQuery аккордеон. Это приведет к меньшему размеру.
- Новая функция: Добавлен плавающий режим для аккордеона. Когда эта опция включена, объекты внутри панелей плавает вместо того, чтобы иметь фиксированное положение. Это рекомендуется для гибких макетов с раскладкой сеток.

Новая функция для аккордеона: добавлена возможность использовать аккордеон в качестве формы - Свойства - > форма - > включить форму     (Properties->Form->Enable Form).

Новое для Аккордеон (Accordion)
- Новая функция: добавлен режим горизонтального аккордеона
- Новая функция: добавлен режим «Поворот». Это позволяет автоматический цикл через панели с настраиваемой продолжительностью.
- Новая функция: добавлена возможность устанавливать отдельные цвета для фона заголовка.
Посмотреть пример

Новое для Аккордеон (Accordion) - Новые функции: добавлено свойство позиции стрелки, дбавлена ​​возможность использовать значки в заголовке, добавлена ​​возможность открывать определенную панель Accordion через закладки (хеш URL) и другое.
Подробнее

Новая функция: добавлена ​​возможность устанавливать тег заголовка для заголовков панелей.


Новое для аккордеона: добавлены события «деактивировать» и «до деактивации». Различные улучшения. Подробнее


Новое для Accordion (Аккордеон) Добавлена ​​возможность настройки размера стрелки.
 Новое для jQuery UI Widgets - Добавлены свойства повтора фона, выравнивания фона и размера фона.


jQuery AutoComplete

jQuery AutoComplete может заменить стандарт editbox. Это дает возможность пользователям быстро найти и выбрать из предзаполненного списка значений. Список может быть или местным или от отдаленного местоположения (АЯКС)

jQuery Button (кнопка Themable)

jQuery Button  (Themeable Button) - Вставляет объект Кнопки. Можно выбрать кнопку-изображение на любые случаи жизни и придать ей определенное действие.  Когда посетитель страницы нажмет на Изображение, это выполнит действие, связанное с формой.
Действие кнопки задается другой функцией редактора - Событиями
Подробнее о Themeable Button


Новое: "Кнопка Themable" (ранее называлась как jQueryButton)
- Новая функция: добавлено свойство box-shadow.
- Новая функция: добавлена возможность установить кнопку(ы) полную ширину в сетке макета. Это может быть полезно (например) для создания гибких строк (переключателей).

Новое: Для Themeable Button новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI.

Новое: Для Themeable Button новая функция: добавлена ​​опция «показать галочку» (show checkmark) для режима флажка и переключателя. Указывает, отображается ли необязательная галочка на кнопке.
Улучшено: кнопка больше не использует темы jQuery и пользовательского интерфейса jQuery, когда для типа кнопки установлено значение «нормальный», «сброс», «отправить» или «ссылка». «Использовать тему пользовательского интерфейса jQuery» (Use jQuery UI Theme) должно быть отключено.


jQuery DatePicker

jQuery DatePicker используется для вставки на страницу календаря и текущей даты. Виджет используется в основном для вставки в веб-формы, но может устанавливаться на любой странице.
Имеется множество настроек.
Подробнее об jQuery DatePicker
См. также: Новое в WYSIWYG Web Builder 11  

jQuery Dialog

Диалог - плавающее окно, которое содержит область заголовка и область содержания. Вы можете перетащить и отпустить объекты в область содержания окна диалога.
jQuery Диалог основан на Виджете Диалога jQuery UI библиотека: http://jquery.com/
Подробнее о jQuery Dialog
Пример jQuery Диалог

Новое  - диалог (Dialog)
- Новая функция: добавлены события Open («Открыть») и Close («Закрыть»). Событие «Open» вызывается, когда диалог становится видимым для пользователя. Событие «Закрыть» вызывается, когда модальное окно скрыто от пользователя.
Практическим примером может быть отключение кнопки отправки после того, как форма запустила диалоговое окно для отправки формы.
- Новая функция: диалог начальной загрузки - Добавлена поддержка горизонтального и вертикального выравнивания.

Новое: Диалог (Dialog - новые функции: добавлена ​​анимация отображения / скрытия в диалоговом режиме Bootstrap, добавлено свойство border-radius в стиль кнопки, добавлены параметры «полная ширина» для горизонтального выравнивания, добавлены параметры «полная высота» для вертикального выравнивания.
Подробнее

Новая функция: добавлена ​​функция «однократного всплывающего окна». Диалог теперь использует Bootstrap 5. Больше не зависит от jQuery. Подробнее


jQuery Progressbar

Полоса продвижения спроектирована, чтобы просто отобразить текущий процент выполнения процесса, например такого как загрузка программы. Диапазон полосы продвижения от 0 до 100. Значение полосы продвижения обычно обновляется через JavaScript.
Подробнее о Progressbar
См. также: Новое в WYSIWYG Web Builder 11  

jQuery Slider

jQuery Slider  - виджет бегунка представляет из  себя маркер, передвигающийся по  направляющей полосе. Может быть вертикальным или горизонтальным. Показывает значение, которое отобрано при перетаскивании бегунка.
Подробнее


jQuery Tabs

jQuery Tabs - вкладки могут использоваться, чтобы разделить содержание страницы на несколько разделов. По назначению напоминает другой виджет - Accordion.
Объекты можно поместить на вкладки перетаскиванием. Это работает так же, как и для слоев или форм. Чтобы добавить элементы к панели - просто щелкают заголовком/вкладкой, чтобы сделать панель активной.
Перед перетаскиванием сначала нужно убедиться, что вкладка достаточно велика, чтобы на нее можно было перетаскивать объекты (объект вкладки должен быть больше, чем добавляемый объект!).
Синяя рамка вокруг панели будет означать, что перетаскиваемый объект станет частью вкладки.

Пример jQuery Tabs
Подробнее об jQuery Tabs
 
Новое в Вкладки (jQuery Tabs) теперь могут быть частью макета сетки!
- Добавлена поддержка для вкладок bootstrap. Это позволит использовать Скрипт вкладки при начальной загрузке вместо вкладки jQuery Это приведет к меньшему размеру, потому что он не зависит от структуры пользовательского интерфейса jQuery.

Добавлен плавающий режим вкладок. Когда эта опция включена, объекты внутри вкладки плавают вместо того, чтобы иметь фиксированное положение. Это рекомендуется для гибких макетов с раскладкой сеток.

Добавлена возможность выравнивания навигационных вкладок в заголовке.

Новое: Вкладки (Tabs)- добавлен режим «Шаги» (Steps), добавлена ​​возможность открывать определенную вкладку через закладки (хэш URL), переработана конфигурация событий и другое.
Подробнее

Новая функция для вкладок: добавлены события «деактивировать» и «до деактивации». Эти события будут вызваны при деактивации панели.
Улучшено: тип вкладок/Bootstrap теперь использует Bootstrap 5. Больше не зависит от jQuery.

Новое для Tab (вкладка) - Добавлен тип «Вкладки Bulma». Это отображает минималистическую версию элемента управления вкладками с простым текстом и тонкими подчеркиваниями.
Подробнее

См. также:
Новое в WYSIWYG Web Builder 11
Новое в WYSIWYG Web Builder 12
Новое в WYSIWYG Web Builder 14
Новое в WYSIWYG Web Builder 15 
Новое в WYSIWYG Web Builder 16

Theme Roller
Многие из  графических фрагментов jQuery могут быть стилизованы при использовании тем ThemeRoller.
Подробнее


Themeable Menu (Меню jQuery)

Themeable Menu (Меню jQuery) - многоуровневое меню. Основано на jQuery Menu: http://jquery.com/
Для вставки меню jQuery используйте:
Подробнее


jQuery Spinner

Этот объект обычно используется в веб-форме как замена стандартного editbox. Подробнее

jQuery Tooltips -  Подсказки

Настраиваемые подсказки заменяют родные подсказки.
Подсказка поддерживает текстовое форматирование и может быть назначена на любой объект WYSIWYG Web Builder.
Подробнее
См. также: Новое в WYSIWYG Web Builder 11  


jQuery Mobile

jQuery Mobile (Мобильный jQuery) служит для того, чтобы создать мобильные веб-приложения.

jQuery Mobile работает со всеми популярными смартфонами и таблетками. WYSIWYG Web Builder  использует jQuery Mobile как основание для мобильных web-страниц. Когда Вы создадите мобильную страницу, у Вас будет специализированный набор инструментов для мобильного web-дизайна.
Подробнее
См. также ThemeRoller

Новое: jQuery Mobile был удален из программного обеспечения. Эта сторонняя библиотека больше не поддерживается, поскольку она устарела (последнее обновление: 2014 г.).
Страница jQuery Mobile будет преобразована в стандартные страницы с сетками макетов.
Gримечание. Преобразованные страницы не будут выглядеть точно так же, как раньше, поэтому проверьте результат перед повторной публикацией этих страниц!


Theme Roller


Многие из виджетов jQuery могут быть разработаны при использовании тем ThemeRoller.

Новые темы должны быть установлены в ‘themeroller’ папку: My Documents\WYSIWYG Web Builder\system\themeroller\

Вы можете легко создать свои темы, посещая вебсайт ThemeRoller: http://jqueryui.com/themeroller/

Шаг 1 Перейти на:  http://jqueryui.com/themeroller/

Шаг 2 Выберите одну из предопределенных тем или создайте Вашу собственную тему.

Шаг 3 Загрузите тему на Ваш компьютер.

Удостоверьтесь, что Вы выбираете 'All components' and version 1.8.x for jQuery 1.4+.- 'Все компоненты и версия 1.8.x для jQuery 1.4 +.


В Advanced Theme Settings' - (в  'Расширенных Параметрах настройки Темы) Вы можете определить название своей темы. Давайте называть это 'MyFirstTheme'.

Загруженный файл находится в формате почтового индекса и будет назван например как: jquery-ui-1.8.2.custom.zip

Шаг 4 - Разархивируйте файлы к временной папке на Вашем жестком диске.

Есть много файлов в почтовом индексе, в котором Вы не нуждаетесь.

Вы найдете свою заказную тему в: development-bundle\themes\MyFirstTheme

(где MyFirstTheme - название Вашей темы).

Вы должны будете скопировать этув полную папку :

My Documents\WYSIWYG Web Builder\system\themeroller\MyFirstTheme

Новая тема wil теперь быть доступными, когда Вы Вы открываете свойства объектов jQuery.

Lightbox (для расширенных пользователей только)

У обоих Photo Gallery, или Slide Show,  или Слайдов  есть способность отобразить отобранные изображения в lightbox.

Если Вы знакомы с JavaScript, тогда Вы можете добавить свой собственный lightbox или сценарий галереи.

Стандарт lightbox расширения сохранен в C:\Program Files\WYSIWYG Web Builder\lightbox


Новое: jQuery General
Обновление до jQuery 1.11.3 и 2.1.4.
Модернизация к jQuery UI 1.11.4. У этой версии есть много усовершенствований и меньший размер файла вывода.
http://jqueryui.com/upgrade-guide/1.11/
Добавленный способность управлять радиусом границы для виджета jQuery UI.

jQuery Date Picker

Добавлен способ flexible ('гибкий'). Этот выбор делает размер Date Picker гибким, т.е. у него могут быть различные размеры в различных контрольных точках.
См. Сайты для разных экранов

jQuery ProgressBar

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


jQuery Tooltip

Добавлена возможность вставить Lorem Ispum (текст без смысла) в редактор текста через контекстное меню.

Добавлен выбор теневой коробки.

Добавленный выбор выравнивания текста.

Добавлена способность использовать собственный фон и границу вместо темы jQuery UI.

Добавлена поддержка Стрелки. Стрелка может быть показана в основании, слева. справа tooltip.
jQuery Tab

Добавлены новые способы расположения, чтобы дать виджету различное появление (удалите фон заголовка, удалите заголовок и пр.).
Посмотреть пример


jQuery ListView

jQuery ListView - новый объект, который был добавлен в WYSIWYG Web Builder 11. Посмотреть пример
Создайте красивые разработанные (jQuery UI themable) списки с названием, описанием и изображением. Поддержаны два способа: listview и droplist. Также поддержаны сепараторы к пунктам группы.
droplist - стилизованное (dropdown) избранное меню, которое может или использоваться как меню, или как элемент формы (combobox).
Подробнее о ListView

Новое для jQuery ListView - добавлена ​​возможность устанавливать ширину границы элементов списка.
Режим просмотра списка теперь доступен только для CSS. Таким образом, разметка больше не зависит от jquery.min.js, jquery-ui.min.js и listview.min.js.  Подробнее

Улучшения в Droplist - на панели инструментов добавлен специальный значок «выпадающего списка». Подробнее


Панель (Panel)

Этот объект доступен только для мобильных веб-страниц.
Объект Panel основан на виджете Panel из фреймворка jQuery Mobile: http://api.jquerymobile.com/panel/

Панель изначально невидима, но может скользить с правой или левой стороны страницы, нажав кнопку меню.
Содержимым панели может быть listview//menu или другая страница.
Подробнее о панели


Wizard
 
Объект  Wizard (мастер) может быть использован (например) для создания многостраничной формы.
Мастер может быть модальным (всплывающим) или использоваться как стандартный элемент.
Подробнее о мастере


Новое: Добавлена поддержка для jQuery 3. Эта версия тоньше и быстрее, чем предыдущие версии.

- Улучшено: обновление до последней версии пользовательского интерфейса jQuery. Все скрипты jQuery интерфейса объединены в один файл (jquery-ui.min.js вместо jquery.ui.widget.min.js, jquery.ui.accordion.min.js, jquery.ui.effect.min.js и т. д.). Это уменьшает количество генерируемых файлов, который может помочь ускорить загрузку ваших страниц.

Все внутренние скрипты были обновлены.

- Новая тема пользовательского интерфейса jQuery ‘база’ Добавлено:

- Добавлена возможность настраивать цвета из jQuery UI виджеты (вкладки, аккордеон, диалог, слайдер, выбор даты и т. д.) независимо от темы пользовательского интерфейса jQuery. Выбор ‘использовать темы пользовательского интерфейса jQuery’ false, чтобы контролировать цвет каждого виджета в отдельности.

Новое при работе с вкладками (jQuery Tabs)
Новое при работе с аккордеоном

Улучшено: jQuery диалог теперь может иметь различные размеры и схемы в контрольных точках.

и многое другое...


Новое в WYSIWYG Web Builder 14

В WYSIWYG Web Builder 14 внесены изменения и дополнения при создании таких объектов jQuery, как AccordionProgressbar, Tabs, jQuery Menu и др.
См. Новое в WYSIWYG Web Builder 14.


Уведомления

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

Для создания уведомлений используйте Панель вставок (Toolbox) - раздел jQuery UI / Bootstrap - Toast.
В Инспекторе свойств щелкните по значку , чтобы открыть окно свойств  выделенного элемента - Текста.

Несколько уведомлений автоматически складываются вертикально.
Текст объекта Toast можно редактировать так же, как и стандартный текст, включая стили, межстрочный и межбуквенный интервалы, маркеры, поиск/замену, lorem ipsum, адаптивные шрифты и поддержку ссылок.
Из настроек - Указывается задержка (в мсек) перед отображением всплывающего уведомления, Задержка сокрытия, заголовок, подзаголовок, позиция, значок.
См. также (англ. язык) Знакомтво с ToastsToasts
Менеджер темы (Theme Manager)

Theme Manager (Менеджер темы) вводит альтернативный способ создать jQuery UI темы, которые используются объектами, такими как jQuery Accordion, jQuery jquery и другими jQuery - виджетами.
Подробнее о Менеджере темы

См. также:
Ослабление (Easing)

Новое: Улучшено: при использовании эффектов Easing в анимации (например, в закладках, меню панели, анимации SVG, прокрутке и т. д.) генератор HTML теперь будет включать только модуль эффектов jQuery (11 КБ) вместо полной библиотеки пользовательского интерфейса jQuery (248 КБ).
Страница jQuery Mobile будет преобразована в стандартные страницы с сетками макетов.
Важное примечание. Преобразованные страницы не будут выглядеть точно так же, как раньше, поэтому проверьте результат перед повторной публикацией этих страниц!


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


jQuery Shadow
Расширение jQuery Shadow - это простой способ добавить классные теневые эффекты к объектам без использования изображений.
См. jQuery Shadow

jQuery UI Theme Switcher
jQuery UI Theme Switcher позволяет легко переключаться с одной темы jQuery UI на другую.
См. jQuery UI Theme Switcher

jQuery Toolkit 
Добавьте мощные функции jQuery UI (перетаскивание, сортировка, изменение размера, выбор) на ваш сайт всего несколькими щелчками мыши!
См. jQuery Toolkit

jQuery Blur
Это расширение - плагин jQuery, который создает прозрачные размытые элементы psuedo над другими элементами.
См. jQuery Blur

jQuery Masonry
Расширение jQuery Masonry позволяет создавать макеты, которые динамически адаптируются к размеру экрана (адаптивный макет).
См. jQuery Masonry

jQuery FAQ
Это расширение предоставляет простой способ создать страницу часто задаваемых вопросов (FAQ).
См. jQuery FAQ

jQuery Montage
Автоматическое создание монтажного изображения из набора изображений, либо для жидкого контейнера или контейнера фиксированного размера с возможностью заполнить все пробелы.
См. jQuery Montage


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


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


Рейтинг@Mail.ru