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


Менеджер стиля

В Style Manager - Менеджере Стиля Вы можете управлять стилями проекта. При использовании стилей Вы можете изменить стиль всего вебсайта в одном месте.

Менеджер стиля можно открыть, используя:

  • Меню Format - Styles - Style Manager
  • Ленту - вкладку Tools - раздел  Site Tools - Style Manager



Менеджер стиля - центральное место, чтобы добавить, редактировать или удалить стиль оформления для всего вебсайта.

Обновление стиля затронет все объекты, к которым быд применен стиль. Например, Вы можете обновить все шрифты своего вебсайта в одной операции.

Вы можете добавить собственные стили, щелкнув по кнопке Add

Вы можете отредактировать выбранный стиль, щелкнув по кнопке Edit.


General Styles - Общие Стили

Import - Эта опция позволяет импортировать стили из внешнего листа стиля (CSS).

Export - Эта опция позволяет экспортировать стили во внешний лист стиля (CSS). Это может быть полезно, чтобы экспортировать/импортировать стили в другой проект.

Примечание:
Не все признаки стиля относятся ко всем объектам!


Стили Заголовков

Могут быть определены стили заголовков текста (H1, H2, H3...) или стили элементов  графических форм.


Вкладка Hyperlink Styles - Стили гиперссылки

Все гиперссылки по умолчанию уже имеют свой стиль оформления для всех четырех состояний ссылки:

  • Visited Link Color - Цвет посещаемой ссылки
  • Active Link Color - Цвет активной ссылки
  • Hover Link Color - Цвет ссылки при наведении курсора
  • Underline mode - Подчеркивание ссылок
WYSIWYG Web Builder дает возможность создать и применить другие стили оформления ссылок.
Подробнее о создании своего стиля ссылок


Вкладка Gradient Styles


На вкладке можно выбрать один из предлагаемых стилей градиента, а также создать собственный стиль градиента
Подробнее о стилях градиента

Make Default
- вернуться к стилям оформления по умолчанию.

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


Отзывчивые стили

Новое в WYSIWYG Web Builder 11

Отзывчивые стили (Responsive styles) при создании сайтов для разных экранов. Добавлена поддержка отзывчивым стилям в Менеджере стиля (Style Manager). Вы можете использовать различный шрифт, размер или цвет текста в контрольных точках. Например используйте больший шрифт для меньших экранов. С Отзывчивыми стилями Вы можете определить различные значения для контрольных точек.
Подробнее


Новое в WYSIWYG Web Builder 14

Улучшено: окно менеджера стилей теперь можно изменять.
- Улучшено: псевдо-классы больше не отображаются в списке выбора стиля, потому что в любом случае полезно выбирать только основной класс.
- Улучшено:  'Импорт' ('Import' ) и 'Advanced'  ('Расширенный') синтаксический анализатор обновлены. Это теперь признает значения цветов rgba, мультипликации, переходы, курсоры, радиус границы и многое другое.
- включен 'predefined style ("предопределенный стиль") для заголовка, маркеров, сетки макета, контейнера Flex, Rollover-слоя.
- Новая функция: большинство объектов теперь имеют свойство "class" ("класс") в Инспекторе свойств (Property Inspector). Это добавляет возможность (для опытных пользователей) задать имя класса (стиль) для любого объекта. Это может быть полезно для сторонних систем управления контентом, таких как CushyCMS или SurealCMS.
- Новая функция: стили границ - теперь поддерживают отдельные стороны.
- Новая функция: добавлена поддержка фоновых градиентов в стилях.
- Новая функция: добавлена поддержка свойства "cursor" ("курсор"). Это определяет тип курсора, который будет отображаться при наведении на элемент.
- Новая функция: добавлена поддержка свойства "background-clip". Свойство определяет область рисования фона. Это может быть полезно в сочетании с прозрачными границами.
- 'border-box' - фон к границе окна. При использовании прозрачной границы, фон будет виден за границу. "padding-box" -  фон для заполнения окна (за исключением границы). Фон за границей будет прозрачным.


Новое в WYSIWYG Web Builder 15

В Менеджер стилей (Style Manager)- Новая функция:
- добавлены свойства фильтра. Свойство фильтра определяет визуальные эффекты, такие как размытие, яркость, контрастность, оттенки серого, поворот оттенка, инвертирование, насыщенность и сепия.
Эффект будет применен к объекту и всем его дочерним элементам.

- Новая функция: добавлены свойства 'Backdrop Filter'. Свойство фонового фильтра позволяет применять графические эффекты к области за элементом. Поскольку это относится ко всему, что находится за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон хотя бы частично прозрачным.


Новое в WYSIWYG Web Builder 17

Добавлены свойства «текстовый штрих». Это позволяет использовать text-stroke практически для любого объекта, который поддерживает стили (например, стандартный текст и элементы формы).


Новое для Style Manager (Менеджера стилей)
Добавлены свойства «Вариант шрифта». Добавлена ​​поддержка градиентов границ. Добавлена ​​опция «Предварительный просмотр темной цветовой схемы». Подробнее








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

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


Рейтинг@Mail.ru