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
Новое в WYSIWYG Web Builder 11  
Новое в WYSIWYG Web Builder 12
Новое в WYSIWYG Web Builder 16 
Новое в WYSIWYG Web Builder 17  


Таблицы полезны для размещения данных; они могут использоваться, чтобы моделировать столбцы текста (расположение текста в несколько колонок).

Вставка таблиц


Для вставки таблицы:

В окне редактирования растяните рамку для таблицы.

Появится окно Insert table.

В строке Number of rows укажите число строк в таблице, в строке Number of columns - число столбцов.

Gell padding - расстояние от границ ячейки до содержимого ячейки

Cell spacing - расстояние между ячейками

Enable gell borders - допустить границы ячеек.

У таблиц есть столбцы и строки ячеек, которые могут содержать текст (изображения, формы, или другие элементы страницы не поддержаны!).

Ячейки будут расширяться в соответствии с введенным текстом.

Вы можете редактировать, форматировать и определить свойства (цвет фона или изображение как фон) для текста, так же как и для ячейки таблицы, строки, столбца, или всей таблицы непосредственно. Вы можете легко изменить размеры ячеек, столбцов, строк или всей таблицы перемещением границ.

Для работы с таблицами используйте:

    * Строка меню (Menu Bar) - меню Table 
    * контекстное меню таблицы
    * Панель инструментов таблицы (меню View - Toolbars - Table Tools).


На рисунке ниже - Панель инструментов таблицы




Выделение ячеек, строк или столбцов

Для работы с таблицей нужно первоначально выделить элементы таблицы.

Для выделения ячейки щелкните по ней.

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

Для выделения строки щелкните по левой границе левой ячейки в строке

Для выделения столбца щелкните по верхней границе верхней ячейки столбца


Вставка строк или столбцов

Insert Rows or Columns - Вставьте Строки или Столбцы

Чтобы вставить столбец налево от выделенного столбца, выберите Left of selection.

Чтобы вставить столбец направо от выделенного столбца, выберите Right of selection.

Чтобы вставить строку выше выделенной строки, выберите Above Selection.

Чтобы вставить строку ниже выделенной строки, выберите Below Selection.


Объединение ячеек

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


Разбиение ячеек

Split Cell -  Разбейте выделенную ячейку на столбцы.


Удаление ячеек

Delete Column - Удалите выделенный столбец

Delete Row - Удалите выделенную строку


Свойства таблицы и ячеек

Свойства определяются для выделенной ячейки.

Чтобы изменить свойства многократных ячеек сразу, сначала выделите ячейки и затем щелкните Cell Properties.

Table Column Width - Ширина колонки Таблицы

Table Row Height - Высота Строки Таблицы

Border Width - Ширина Границы (в пикселях)

Background color - Цвет фона

Background image - Фоновое изображение



Другие свойства:

Repeat - Повториться - Устанавливает признаки покрытия черепицей для фонового изображения.

Возможные опции:

Repeat in both directions - Повторение по вертикали и горизонтали

Repeat in horizontal direction - Повоторение по горизонтали

Repeat in vertical direction - Повторение по вертикали

Do not repeat - Не повторяться

Border style - Стиль границы
Определяется стиль границы: Пунктирный, Подчеркнутый штриховой линией,  двойной и др.

Border color - Цвет границы

Table HTML - код HTML таблицы
Представление кода HTML таблицы. Вы можете также вставить свой собственный код HTML!

Cell Properties - Свойства Ячейки
Эта опция отобразит свойства выделенной ячейки.

Cell HTML - код HTML ячейки. Вы можете также вставить свой собственный код HTML!

Table Styles gallery  (Галерея стилей таблиц)
Галерея "стили таблиц" (на Ленте)  позволяет быстро обновлять стиль таблиц (аналогичная функция имеется в MS Office). Имеется  30 предопределенных типов в настоящее время.

Sort (Сортировка)
Сортировка текста (по возрастанию/убыванию) столбца или строки таблицы.
Новое в WEB 12: Если вы отсортируете столбец, то другие столбцы будут перемещены. Также будет включен стиль ячеек, а не только текст, поэтому ячейки сохраняют свой собственный стиль.

Import data from text file (Импорт данных из текстового файла)
Быстрый способ получить данные из текстового файла, разделенного запятыми, в таблицу. Данные должны быть разделены запятой.


Выравнивание содержимого ячеек

Чтобы поместить текст в середине ячейки, откройте Cell Properties (Свойства Ячейки), установите расположение  Horizontal/Vertical Align to 'Center'.

Horizontal Align - Устанавливает горизонтальную позицию для фонового изображения.

Vertical Align - Устанавливает вертикальную позицию для фонового изображения.


Использование таблицы в качестве контейнера объектов

Начиная с версии 12 теперь также можно добавлять другие объекты в ячейки таблицы. Когда вы перетаскиваете объект в ячейку, она автоматически становится контейнером объектов (как слой или сетка макета). Любой текст, который был в ячейке таблицы не будут отображаться (до удаления объекта).

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


Работа с таблицами в WYSIWYG Web Builder 9 - 14

Для вставки таблицы на Ленте используйте вкладку Insert - раздел Standart - Table.
Можно первоначально выбрать число строк и столбцов таблицы.

На Ленте будет показан весь набор инструментов для работы с таблицами,




Подсказки при работе с таблицами

1. При изменении размера таблицы удерживайте нажатой клавишу Ctrl для изменения размера последнего столбца/строки таблицы с изменением размера других столбцов / строк.

2. Чтобы выбрать несколько ячеек, удерживайте клавишу Ctrl при выборе ячейки.

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

4. Чтобы выделить весь столбец, наведите курсор мыши на верхнюю границу первой ячейки.

5. Чтобы изменить свойства нескольких ячеек в одном действии, сначала выделите ячейки, а затем щелкните свойства ячеек (Cell Properties).

6. Чтобы центрировать изображение в середине ячейки, откройте Свойства ячейки (Cell Properties), укажите фоновое изображение, установите повтор (Repeat) как  'Do not repeat' ('не повторять') и установите горизонтальное / вертикальное выравнивание как  'Center'  ( 'центр').

7. Чтобы изменить шрифт и размер нескольких ячеек таблицы: выберите несколько ячеек - > удерживая нажатой клавишу SHIFT, нажмите Свойства ячейки (Cell Properties).


Новое в WYSIWYG Web Builder 11

Добавлена возможность изменить шрифт и размер текста для многократных ячеек: Выберите multiple cells -> нажмите клавишу SHIFT и щелкните по свойствам ячейки (Cell Properties).




Новое в WYSIWYG Web Builder 12

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

Добавлены параметры выравнивания ячейки на ленте и в контекстном меню таблицы, чтобы быстро установить выравнивание одной или нескольких ячеек таблицы.

Добавлены новые настройки:
- по удалению границ ячеек,
- чередованию цвета строк таблицы (зебра-чередование),
- добавлена опция 'заголовков строк' (то позволит вывести первую строку в качестве заголовка ячейки),
- добавлена галерея  стилей Таблицы
- добавлен режим Размер "автоматически" (в дополнение к размеру в 'пикселях' и 'процентах'). При использовании этого режима ячейки таблицы будут автоматически изменяться в зависимости от их содержания. Это дает возможность использовать таблицы в макете сетки.
- возможность импорта данных из текстового файла'. Быстрый способ вставить данные из текстового файла, разделенные запятыми, в таблицу.
- добавлена возможность добавлять объекты внутри ячейки таблицы. При перетаскивании объекта внутри ячейки, то он автоматически превратиться в контейнер объекта. Любой текст, который был в ячейке таблицы, не будет отображаться (до удаления объекта). Несколько объектов могут быть внутри одной ячейки и они будут плавающие, как в макете сетки. При этом таблицы не должны использоваться для целей компоновки.


Новое в WYSIWYG Web Builder 16

Таблица (Table) - Новая функция: добавлено свойство направления (слева направо / справа налево) в таблицу.


Новое в WYSIWYG Web Builder 17
- Новая функция: добавлена ​​поддержка таблицы RTF для текстового объекта. Теперь вы можете напрямую вставлять таблицы в текст. С возможностью задать цвет фона ячейки, цвет границы и с.
Размер столбцов и строк можно изменять с помощью мыши. Форматирование (семейство шрифтов, размер шрифта, цвет и т. д.) может быть установлено сразу для нескольких ячеек.
Вы даже можете скопировать/вставить таблицу из Word или Excel. Однако обратите внимание, что RTF поддерживает не все функции Office.

Вы можете вставить новую таблицу через панель инструментов, контекстное меню или введя следующие символы
+----------+-------+ и нажав Enter.

TAB key
клавиша TAB
В ячейке таблицы клавиша Tab переходит к следующей ячейке, а Shift+Tab — к предыдущей ячейке (если она есть).
Если выделение находится в последней ячейке таблицы, клавиша Tab вставляет новую строку после последней строки.

Enter key
Клавиша ввода
В конце строки таблицы клавиша Enter вставляет новую строку после текущей строки.

Важно: это стандартная функциональность Windows.
К сожалению, есть некоторые ограничения, но мы все равно решили сделать ее доступной, так как она может оказаться полезной для некоторых пользователей.
Известные вопросы:
- изменение размера столбцов может сбросить цвета
- слияние и разделение не поддерживается
- цвета границ иногда отображаются неправильно, но опубликованный HTML правильный.
Мы сообщили об этих проблемах в Microsoft, и это подтвержденные ошибки в Windows.

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


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


 
Последнее обновление - октябрь 2020 г.


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


Рейтинг@Mail.ru