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

Фреймы (Рамки)

Inline Frame (или: встроенный фрейм, iFrame, рамка) позволяет открыть другую страницу внутри главной страницы. Встроенные фреймы также называются плавающими фреймами. Не путать с наборами кадров, которые больше не поддерживаются в HTML.
Пример Inline Frame

Для создания iframe используйте один из способов:

Настройки:

General
Name- Название рамки.
Строка Link to - Ссылка к начальной веб-странице в рамке
Web Site -  отобразите страницу от внешнего вебсайта. Синтаксис: http://www.google.com
Internal Web Page -  отобразите одну из страниц Вашего вебсайта.
Щелкните "Select", чтобы выбрать страницу. Окно Select Page покажет все страницы, которые являются частью текущего проекта вебсайта.
WYSIWYG Web Builder автоматически создаст относительную ссылку, когда Вы издадите свои страницы.
Alternate text - Дополнительный текст.
Этот текст будет отображен браузерами, которые не поддерживают действующие рамки.

Раздел Scrollbars - Полосы прокрутки

В разделе определяется, применять полосы прокрутки или нет. Возможные значения:  If Needed, Never or Always - Если нужно, Никогда или Всегда.
Border Color - Цвет границы
Определяет цвет границы вокруг действующей рамки. Выберите цвет к 'Automatic' ('Автоматическому'), чтобы отобразить стандартную трехмерную границу.
Border Width - Ширина границы
Определяет толщину границы. Выбор 0 (ноль) - нет границ.
См. также эту обучающую программу онлайн:
<http://www.wysiwygwebbuilder.com/iframe.html>

Вкладка Lightbox

Опция Lightbox позволяет отобразить другую страницу в lightbox - всплывающем окне (используется FancyBox) после нажатия на изображение предварительного просмотра.

Подробнее об Lightbox

Вы можете определить изображение предварительного просмотра,  заголовок и ширину/высоту lightbox.

В 'Options' (Настройках) Вы можете определить дополнительные опции для необычного Lightbox. Каждая опция должна быть в новой строке и отделена запятой:
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : true,
'overlayColor' : '#FF0000

Подробнее об опциях  http://fancybox.net/api


Вкладка Box Shadow

Конфигурируйте тень рамки для действующей рамки. Эта особенность требует, чтобы браузер допускал CSS3.
Не будет работать в сочетании с функцией лайтбокс.


Отзывчивые Свойства


Следующие свойства являются отзывчивыми (см. Сайты для разных экранов).
· видимость
· положение объекта
· размер объекта
· цвет границы
* коробка тень

См. также - возможности для создания макета страниц (англ. язык):

Как использовать встроенные фреймы
Как использовать мастер-страницы
Как использовать встроенные страницы
Как использовать мастер-фреймы     Master Frames
Использование слоев
Как создать перетаскиваемое окно с помощью слоев
Больше полезных функций слоев.
Создание полноэкранного или одностраничного макета.
Как добавить на страницы эффект прокрутки параллакса?
• Обновлено: Карты.
Разделы
Как использовать виджет Диалог


Встроенная рамка (Inline Frame)
- Новая функция: добавлена опция «Включить исправление Safari Mobile». Это реализует обходной путь для встроенных кадров, игнорируя указанную высоту на iPhone / iPad.

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


Рейтинг@Mail.ru