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 версий 9 - 14

Общий вид окна программы
Плавающие панели  
Свертывание панелей  
Закрытие панелей 
Полноэкранное редактирование
Цветовое оформление окна программы

Основные различия между лентой и строкой меню  


Общий вид окна программы





  1. Панель быстрого доступа - Подробнее
  2. Строка страниц сайта
  3. Лента - Подробнее
  4. Кнопка создания "отзывчивого" дизайна - Responsive Web Design  (см. Сайты для разных экранов)
  5. Менеджер объектов (Object Manager) - Подробнее
  6. Панель вставок или Панель инструментов (Toolbox) - Подробнее
  7. Менеджер сайта (Site Manager) - Подробнее
  8. Инспектор свойств (Properties Inspector) - Подробнее
  9. Панель создания контрольных точек (см. Сайты для разных экранов)
  10. Строка состояния (Status bar) - показывает размеры (ширину и высоту) и координаты X и Y выделенных объектов.

Плавающие панели
Панели вставок (Toolbox), Менеджера сайта, Инспектора свойств, Менеджера объектов по умолчанию установлены стационарно в Окне программы. Но эти панели можно открепить от окна, сделать плавающими и установить в любом месте монитора простым перетаскиванием.


Свертывание панелей

С целью увеличить размеры Окна редактирования  можно свернуть ленту, Панель вставок (Toolbox), Панель Менеджера объектов и панели справа - панель Менеджера сайта (Site Manager) и Инспектора свойств (Properties Inspector).
Для этого достаточно щелкнуть по кнопке  на этих панелях. Панели не закрываются, а свертываются и помещаются по краям окна. При наведении курсора на свернутую панель она разворачивается в полный размер, при отведении курсора - вновь сворачивается.
Для закрепления панели в развернутом виде - повторный щелчок по значку
Закрытие панелей
Любую панель редактора можно закрыть, для этого  достаточно щелкнуть по кнопке .

С версии WYSIWYG Web Builder 9 в редакторе произошли изменения интерфейса.
В WYSIWYG Web Builder 9 и 10 пользователь может выбрать один из вариантов интерфейса:
1. Ribbon (лента) - Все команды меню и инструменты расположены на ленте.
2. Menu / Toolbar - Традиционный интерфейс, который имели все предыдущие версии редактора.

Пользователь может выбрать любой вид интерфейса. Для этого используйте ленту, вкладку Tools, раздел ApplicationOptions - User Interface - выберите или Ribbon или Menu / Toolbar.
Подробнее об интерфейсе предыдущих версий

Кроме того, можно одновременно использовать Ленту и множество панелей инструментов - Пример.


Полноэкранное редактирование

Есть два способа перехода в полноэкранный режим:
1. Щелкните по значку  в правом верхнем углу окна программы
2. Нажмите клавишу F11 - при этом все панели инструментов будут скрыты. Для возврата из этого положения - повторно нажмите клавишу F11.


Цветовое оформление окна программы

Для выбора стиля оформления окна редактора используйте:
  • Меню Tools - Options - User Interface - Color scheme
  • Ленту - раздел ApplicationOptions - User Interface - Color scheme



Основные различия между лентой и строкой меню


Строка меню и лента - не дублируют друг друга и имеют отличия.
Строка меню в WYSIWYG Web Builder v 10 имеет 10 пунктов меню, каждый пункт имеет свой определенный набор инструментов.
Лента имеет 8 вкладок.
Лента настраивается - на каждой вкладке можно добавить или удалить команды.  
Лента может настраиваться для работы с сенсорным экраном (команды приводятся в действие касаниями пальцев).
При работе с лентой имеется дополнительная Панель быстрого доступа.

В WYSIWYG Web Builder v 10 лента - вариант интерфейса по умолчанию.

Лента
С версии WYSIWYG Web Builder 9 в редакторе произошли изменения интерфейса.
В WYSIWYG Web Builder 9 и 10 пользователь может выбрать один из вариантов интерфейса:
1. Ribbon (лента) - Все команды меню и инструменты расположены на ленте.
2. Menu / Toolbar - Традиционный интерфейс, который имели все предыдущие версии редактора.

Пользователь может выбрать любой вид интерфейса. Для этого используйте ленту, вкладку Tools, раздел ApplicationOptions - User Interface - выберите или Ribbon или Menu / Toolbar.
Подробнее о Ленте

Другие элементы интерфейса


Новое в интерфейсе WYSIWYG Web Builder 11

Появился дополнительный выбор оформления интерфейса. Добавлены системы цветов Office 2016: Красочная тема, темно-серая тема, белая тема.
Панели инструментов и другие элементы интерфейса (Менеджер сайта, панель вставок, менеджер объектов, Инспектор свойств) предоставлены, используя текущие цвета темы.










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

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


Рейтинг@Mail.ru