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


ListView

jQuery ListView - новый объект, который был добавлен в WYSIWYG Web Builder 11.
Посмотреть пример

Элемент управления ListView доступен только для мобильных веб-страниц (см. Сайты для разных экранов).

Поддерживаются два режима :
  • listview  - элемент управления ListView
  • droplist - раскрывающегося списка
Создайте красивые разработанные (jQuery UI themable) списки с названием, описанием и изображением.
Поддержаны два способа: listview и droplist. Также поддержаны сепараторы к пунктам группы.

droplist - стилизованное (dropdown) избранное меню, которое может или использоваться как меню, или как элемент формы (combobox).


Для вставки объекта ListView используйте один из способов:
Объект ListView базируется на виджете управления ListView с помощью  jQuery Mobile framework. Подробнее см.  http://api.jquerymobile.com/listview/

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

Настройки

Режим listview 

Items  
Управление элементами списка. Связанные элементы будут иметь индикатор стрелки вправо. Также можно вставлять разделители между элементами для создания групп.

Thumbnail Size - Размер Миниатюры
Установите размер миниатюр. Все изображения в списке должны иметь одинаковый размер.

Place Holder (заполнитель)
Указывает короткую подсказку, которая поможет пользователю заполнить поле ввода. Текст исчезнет, как только пользователь вводит текст.

Search Filter (фильтр поиска)
Добавьте строку фильтра поиска в listview.


Режим droplist - раскрывающегося списка

Создание стилизованных (jQuery UI themable) списков с заголовком, описанием и изображением.
Также поддерживает разделители для группировки элементов.


Отзывчивые свойства (Responsive Properties)
Следующие свойства являются отзывчивыми.

·  visibility  - видимость

· object position -  положение объекта

- object size - размер объекта (только в режиме listview)

· font-family  - семейство шрифтов

· font-size  - размер шрифта
 
См. также: jQuery Mobile.


Новое: Элемент управления ListView - Новая функция:  возможность добавлять изображения в делители.

Новые функции: добавлена ​​поддержка значков, добавлена ​​возможность отображать элементы списка в сетке.
Подробнее

Новая функция для ListView: добавлен дополнительный «Фильтр поиска» (Search filter). Это добавит панель фильтра поиска в список.


Панель (Panel)

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

Панель изначально невидима, но может скользить с правой или левой стороны страницы, нажав кнопку меню.

Содержимым панели может быть listview//menu или другая страница.
 
Close Button Text (Текст кнопки закрытия)
Задает текст, отображаемый на кнопке.

Content
(Содержание)
Указывает, следует ли использовать listview/menu или страницу для содержимого.
Если вы выберете 'listview', то панель будет действовать как меню. Если вы выберите  'page' ("страница"), то вы можете выбрать другую страницу. В этом случае весь объект с этой страницы будет встроен в текущую страницу.

Display Mode (режим отображения)
Указывает связь панели с содержимым страницы.

- reveal ·  - Переверните страницу на другую сторону. 
· push - Повторно потока содержимого панели "содержимое" в виде столбца.
· overlay - перекрывать - Сядьте над содержимым.

Position - Позиция
Указывает, будет ли меню панели  отображаться в левой или правой части страницы.

Dismissible - Указывает, можно ли закрыть панель, щелкнув снаружи на странице.

Fixed Position - фиксированное положение

Устанавливает, имеет ли панель фиксированное расположение, чтобы содержимое было в поле зрения, даже если страница прокручивается вниз. Это также позволяет странице прокручивать, пока панель остается фиксированной.

Swipe Close - Указывает, можно ли закрыть панель, проводя пальцем влево или вправо по панели.


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


См. также: jQuery.











Последнее обновление: июль 2022 г.

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


Рейтинг@Mail.ru