WYSIWYG Web Builder

Lefts - Выравнивает левые края выделенных объектов с доминирующим объектом.
Centers - Выравнивает центры выделенных объектов с доминирующим объектом.
Rights - Выравнивает правые края выделенных объектов с доминирующим объектом.
Tops - Выравнивает верхние края выделенных объектов с доминирующим объектом.
Middles - Выравнивает середину выделенных объектов с доминирующим объектом.
Bottoms - Выравнивает нижние края выделенных объектов с доминирующим объектом.

Space Evenly - Равномерное размещение

Across - Равномерное размещение по горизонтали
Down - Равномерное размещение по вертикали

Для последних версий WYSIWYG Web Builder

Scale (Масштаб)

При создании новой точки останова (Контрольной точки) иногда может потребоваться много работы для масштабирования и перемещения объектов для небольших (или больших) экранов см. Сайты для разных экранов.

Инструмент Scale (масштаб) может быть полезен для оптимизации компоновки в точках останова. В основном, он принимает размер и положение выбранного объекта(ов) в представлении по умолчанию и масштабирует ее до текущей ширины останова.

Пример:
Допустим, представление по умолчанию составляет 960 пикселей, и теперь вы работаете над точкой останова 480. Это делает коэффициент масштабирования 2, поэтому использование инструмента scale (масштаб) сделает объект на 50% меньше.
По умолчанию будут затронуты только свойства left и width (horizontal). Но если вы удерживаете нажатой клавишу SHIFT при нажатии опции 'Scale' ("масштаб"), то он также обновит свойства top и height (vertical).

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

Инструмент масштаб предназначен только в качестве первого шага при создании нового макета точек останова (Контрольных точек). В большинстве случаев вам все равно придется настроить макет.

Помните, что отзывчивый веб-дизайн - это не только масштабирование объектов, чтобы они поместились на меньшем экране....

Объекты, не обладающие отзывчивостью, масштабироваться не будут. Совет: установите все формы, баннеры как 'publish as CSS3' ("опубликовать как CSS3"), чтобы они реагировали.
При масштабировании формы или слоя дочерние элементы также будут масштабироваться.

Некоторые объекты не могут стать меньше, чем их содержание. Например, текст, таблицы и меню.
При масштабировании текстового объекта с адаптивными шрифтами шрифт также будет масштабироваться.

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

Инструмент Scale (масштаб) активен только в точках останова (Контрольных точках), поскольку в представлении по умолчанию коэффициент масштабирования всегда равен 1.

См. также Сайты для разных экранов

Center in Page - Размещение в центре страницы

Vertical - по вертикали
Horizontal - по горизонтали

Make same size - Сделайте тот же самый размер

Width - Изменяет ширину выделенных объектов по ширине доминирующего объекта.
Height - Изменяет высоту выделенных объектов по высоте доминирующего объекта
Both - Изменяет размеры выделенных объектов к размерам доминирующего объекта

Arrange - Упорядочение (для слоев)

Move To Front - Переместите объект на передний план
Move To Back - Переместите объект на задний план
Move Forward - Переместить объект на одну позицию вверх
Move Back - переместить объект на одну позицию вниз

Rotate (Вращение)

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

Grouping - Группировка объектов

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

Ungroup - Разруппировака объектов (Операция, обратная группировке).

Merging Objects - Слияние Объектов.

Группа выделенных объектов преобразуется в одно изображение. Если слияние применено к форме, то все кнопки, флажки и пр. элементы формы перестают функционировать. Вы можете также использовать эту опцию на единственном объекте. Это может быть полезно, чтобы преобразовать изображение или форму к другому формату изображения.
Например: Вы применили теневой эффект к изображению. Выходной формат изображения тогда будет PNG.
Теперь выберите 'Merge' - Изображение будет преобразовано к 'merged object' ('Объединенному объекту'). Вы можете теперь выбрать другой выходной формат изображения с меньшим весом файла (например jpg).

Split Objects - Разбиение объектов (Операция, обратная слиянию)

Save as Block (Сохранить как блок)

Сохраните выбранные объекты как блок, чтобы впоследствии их можно было использовать в том же (или другом) проекте.
Блоки - это "строительные блоки", которые позволяют быстро создать веб-сайт путем перетаскивания предопределенных блоков в рабочую область. Блоки после перетаскивания блока на страницу можно полностью настроить поведение и внешний вид содержимого.
См. также: Блоки объектов.

Set Tab Order in Forms - Расстановка объектов в форме

Опция 'Set Tab Order' ("установить порядок табуляции") может быть использована для быстрой установки порядка табуляции в формах.
Вот как это работает:

1) Сначала выберите форму.
2) Затем выберите опцию "'Set Tab Order" в меню (также эта опция доступна в контекстном меню формы).
3) Web Builder теперь будет отображать текущий индекс каждого элемента формы, который поддерживает атрибут tabindex. Если индекс вкладки еще не задан, он показывает 'Not Set' ("не задан").
4) Теперь выберите каждый объект в нужном порядке. Новый индекс будет отображаться автоматически.

Guide settings - Параметры настройки позиционирования объектов

Show Grid - Покажите или скройте сетку.
Snap to grid - Привязка к сетке - Для точного позиционирования объектов
Display grid on top - Сетка дисплея на вершине
Show Table Cell Outlines - Схема ячеек таблицы (если толщина границ сетки равна 0).
Show Guide Borders - Справочные границы.

Справочные границы создаются с помощью справочных линий.
Желательно, чтобы все вставленные объекты находились в справочных границах - страница при этом будет отражаться как запланировано. Обычно WYSIWYG Web Builder автоматически обновит размер страницы, если Вы поместите объект вне границ страницы.

Show smart guides when objects are aligned -

Показать интеллектуальные направляющие. Интеллектуальные направляющие - это динамические направляющие, появляющиеся при выравнивании объектов друг с другом.

Grid Spacing - Интервал ячеек cетки

Ширина/высота страницы блокировки (отмена автообновления размеров страницы)- ширина страницы останется неизменной, даже если Вы поместите объекты вне границы.
Если Вы при этом захотите изменить ширину страницы, то Вы должны будете обновить ширину/высоту страницы вручную в этом случае, используя Свойства страницы (Page Properties).

Grid Type (Тип сетки)

Существует 2 типа сетки: 'dots' ("точки") и 'columns' ("столбцы"). Для столбцов можно задать ширину (в процентах), количество столбцов и gutter (интервал, отступ).

Lock page width/height (no automatic page adjustment) -

Блокировка ширины/высоты страницы (без автоматической настройки страницы)
Обычно Web Builder автоматически обновляет размер страницы при размещении объекта за пределами границ страницы.
Если этот параметр включен, ширина страницы будет заблокирована, даже если объекты размещаются за пределами границы.
Если вы хотите увеличить рабочую область, вам нужно будет вручную обновить ширину/высоту страницы в этом случае (используя Свойства страницы - Page Properties).

Show ID on Layers/Forms - Логин показа на Уровнях/формах

Ruler guides - Направляющие линии.

Горизонтальные и вертикальные направляющие линии используются, чтобы выровнять объекты на странице.
Обычно направляющие линейки размещаются на странице путем перетаскивания их из горизонтальной и вертикальной линейки или путем указания точных положений с помощью диалогового окна 'Format Ruler Guides' ("формат направляющих линейки").

В качестве альтернативы, вы можете использовать опцию меню 'Add Horizontal Ruler Guide' ("Добавить горизонтальную направляющую линейку") или 'Add Vertical Ruler Guide' ("добавить вертикальную направляющую линейку"), чтобы вставить новую направляющую.

Чтобы переместить направляющую линейки, наведите указатель мыши на направляющую, пока не появится указатель регулировки по вертикали или горизонтали, а затем перетащите направляющую в новое положение.

Блокировка направляющей линейки предотвратит ее случайное перемещение.

Можно удалить одну направляющую линейку или все направляющие линейки со страницы
Наведите указатель мыши на направляющую линейку, которую необходимо удалить, пока не появится указатель регулировки, а затем перетащите его обратно на линейку.
Или вы можете использовать диалоговое окно 'Format ruler guide' для удаления линейки..

Чтобы удалить все направляющие линейки на странице, выберите меню Arrange, наведите указатель на направляющие линейки и нажмите кнопку Clear All Ruler Guides (Очистить все направляющие линейки).

Объекты, которые расположены близко к направляющей, "snap to" "привязываются к направляющей" для удобства выравнивания.

См. также: Линейки, сетка и направляющие линии

Edit Points - Редактируйте пункты

Эта опция может использоваться для Многоугольников и Кривых, чтобы добавить, редактировать и удалить узлы.
Чтобы начать редактировать узлы, сначала выберите Polygon (Многоугольник) или Curve (Кривую) и затем выберите 'Edit Points' ("Редактируйте пункты") в меню.
Чтобы редактировать существующие узлы, просто держат левую кнопку мыши и перетаскивают к новой позиции.
Чтобы добавить новый узел, нажмите где-нибудь по линии и перетащите пункт к желательной позиции.
Чтобы удалить узел, удержите КЛАВИШУ CTRL и щелкните узлом с левой кнопкой мыши.

Для версий WYSIWYG Web Builder 9 - 14, кроме меню Arrange, может использоваться Лента - вкладка Arrange.

Вернуться к Меню

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

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