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

Верхний и нижний колонтитулы

Верхний колонтитул - Page Header

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

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

Заголовок (Page Header) будет всегда отображаться наверху.

Mode - Определяет режим заголовка.
  • Default (по умолчанию) -  заголовок будет установлено наверху. Отметьте, что это - не обязательно вершина окна браузера.
  • Fixed - заголовок будет установлен наверху окна браузера.
  • Fullscreen - заголовок будет скрыт по умолчанию и становится видимым, когда пользователь переместит мышь по заголовку. Таким образом заголовок видим, только когда необходимо. Этот режим также поддерживает мультипликацию (скольжение, исчезновение)
  • Floating - позиция заголовка будет зависеть от других плавающих объектов (как уровни), но он всегда будет наверху.

Stack Level - расположение в слоях
Заголовок может быть или In front of the content - Перед содержанием' или Behind the content - "Позади содержания".
Другие настройки верхнего колонтитула - как и у других объектов в слоях


Нижний колонтитул - Page Footer

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


Расположение верхнего и нижнего колонтитулов во всю ширину окна браузера

Часто пользователи хотят иметь заголовок (верхний колонтитул) и нижний колонтитул, который использует всю ширину экрана, в то время как остальная часть информационного наполнения расположена по центру в окне браузера.

Так как WYSIWYG Web Builder создает определенный контейнер установленной ширины для Вашей схемы размещения, Вы должны будете сделать немного дополнительной работы, чтобы "растянуть" верхний и нижний колонтитул на всю ширину экрана.

Шаг 1
Предположим, что ширина Вашей схемы размещения составляет 900 пикселей (ширина страницы также установлена 900 пикселей), и что Вы выбрали в Свойствах страницы расположение страницы по центру окна браузера (опция "Center this page in the browser window horizontally").

Шаг 2
Вставьте уровень и установите ширину в 900 пикселей (высота не имеет значения).
В Layer's properties (свойствах уровня) выберите 'Relative horizontal resizing' Если Вы планируете добавить другие объекты (такие как текст, изображения) к верхнему баннеру, Вы вероятно также должны установить выравнивание  (aligmenent) - ''Center'.

Шаг 3
Вставьте другой уровень для нижнего колонтитула с теми же самыми свойствами.

Режим Header/Footer уровня может быть полезным, если Вы используете уровень как заголовок или нижний колонтитул для Вашей страницы обычно в комбинации с ''relative horizontal resizing' - опцией относительного горизонтального изменения размеров.
Обычно ''relative horizontal resizing' -    относительное горизонтальное изменение размеров' (и другие относительные опции) добавят код после тега <body>, приводящий к более высокому z-индексу (расположению в слоях).
Выбор режима Header/Footer вставит код перед <body> контейнер, таким образом уровень будет позади всего другого информационного наполнения.

Шаг 4
Предварительно просмотрите страницу, чтобы видеть результаты. Обратите внимание, что и заголовок и нижний колонтитул будут простираться по полной ширине окна браузера, в то время как остальная часть страницы расположена только по центру окна браузера.

Использование фонового изображения
Другой метод, чтобы достигнуть того же самого эффекта при использовании фонового изображения с выбором свойства "Повториться по горизонтали".
Этим путем Вы можете проектировать более широкие заголовки в своем любимом редакторе изображений.

Вы можете загрузить шаблон, который демонстрирует оба метода здесь:
http://www.wysiwygwebbuilder.com/support/layout.zip

Во многих предлагаемых шаблонах использовать расширенные заголовки/нижние колонтитулы невозможно, потому что объекты в шаблоне страницы не могут простираться вне границ объекта шаблона страницы.
Однако Вы можете использовать заголовки/нижний колонтитул в master frame. Вот пример полного заголовка/нижнего колонтитула ширины, используя Master Frames
Подробнее - см. Авторскую справку программы.

Примечание: Некоторые из новых шаблонов используют уровень, чтобы создавать расширенные заголовки ширины и нижние колонтитулы:
http://www.wysiwygwebbuilder.com/templates0.html


См. также:
Фиксация шапки сайта при прокрутки страницы


















































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

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


Рейтинг@Mail.ru