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

Свойства страницы

Открытие свойств страницы
Свойства страницы
Многостраничные свойства
Оптимизация поискового сервера
Master Frame
Вес страницы
Особенности Internet Explorer
Проверка ссылок
Название страницы

Новое в WYSIWYG Web Builder 12
Новое в WYSIWYG Web Builder 14
Новое в WYSIWYG Web Builder 15   
Новое в WYSIWYG Web Builder 17    


Общие свойства - Вкладка General

Примечание: Набор свойств страницы для разных версий редактора может быть разным

Раздел General

Title - Заголовок
Введите заголовок web-страницы. Этот заголовок будет отображен в области заголовка окна браузера и результатов поискового сервера.

Menu Name - Название Меню
Это название будет использоваться для названий элемента в панелях навигации и строках меню при выборе опции  Synchronize with Site Manager' - Синхронизировать с Менеджером Сайт'.
По умолчанию название страницы (как определено в Site Manager - Менеджере Сайта) и название меню - то же самое, но эта область позволяет Вам использовать альтернативное название.

Подробнее о названиях страниц

Page Width - Ширина страницы
Определяет ширину рабочего пространства  страницы.

Примечания:
1. Это значение не используется браузером, оно только используется WYSIWYG Web Builder , чтобы определить доступное рабочее пространство и управлять полосами прокрутки.
2. Center (Центр) - настройки браузера используют это значение, чтобы вычислить абсолютный центр Вашей страницы. Так, если Вы проектировали свою страницу для разрешающей способности 800x600, удостоверьтесь, что это значение установлено в 800, или иначе Ваша страница не будет расположена по центру.

Page Height - Высота Страницы
Определяет высоту страницы.
Примечание:
Это значение не используется браузером, это - только внутреннее значение, используемое  WYSIWYG Web Builder, чтобы указать доступное рабочее пространство и управлять полосами прокрутки.

Target screen size - Целевой размер экрана
Эта опция помогает Вам определять оптимальный размер страницы для определенной разрешающей способности экрана. Это управляет свойствами ширины/высоты страницы.
Например, если Вы выберете '800x600', то тогда ширина/высота страницы будет установлена в 770x600. Часть ширины страницы займет полоса прокрутки.

Примечание:
Если Вы выберете 'Apple iPhone'(экран 320x480), то редактор также добавит область просмотра, чтобы предотвратить масштабирование на мобильных устройствах.

File extension - Расширение файла
Обычно Ваша web-страница будет издана, используя расширение .html. В некоторых случаях нужно определить другое расширение, такое как .php .asp в случае, если Ваша страница использует PHP или ASP

Примечания:
Если Вы устанавливаете расширение файла не .html, то Ваш браузер, возможно, не в состоянии анонсировать страницу. Чтобы просмотреть такие страницы, нужно опубликовать страницу и разместить на сервере.

После изменения расширения файла Вы должны будете обновить все ссылки на эту страницу.
Document Type - Тип Документа

doctype декларация - команда для web-браузера о том, в какой версии языка страница написана.

В настоящее время WYSIWYG Web Builder поддерживает 3 типа документа:
  • HTML 4.01 Transitional   (значение по умолчанию)
  • XHTML 1.0 Transitional
  • HTML5 - Произведенный вывод будет HTML в соответствии со спецификаций W3C HTML 5 . Для некоторых особенностей (таких как  события HTML5, стили CSS3) эта опция должна быть выбрана.
Выберите 'None' ('Ни один'), если Вы не хотите включить doctype в вывод страницы, при этом произведенный вывод будет HTML 4.01 Transitional (по умолчанию).


Favorites Icon - Значок
Вы можете использовать значки избранного, чтобы отобразить Вашу эмблему или некоторый другой маленький графический символ в меню Favorites, в адресе или вкладках страницы Вашего браузера. Они - отличный способ добавить отличительный знак к Вашему Вебсайту.

Значок должен быть квадратным в размере, и по крайней мере 16 x 16 пикселей. Возможны размеры 32 x  32 пикселя и более.

Чтобы создать значок, используйте редакторы значков (например, такие как такой как Axialis IconWorkshop, IcoFX или Комплект инструментов Microangelo) и сохраните значок в формате файла .ico.
См. также: Работа с изображениями - Создание значков.

Для вставки значка используйте:
См. также: Новое в WYSIWYG Web Builder 15 -  Значок сайта

Значок Apple Touch

Когда кто-то делает закладки на вашу веб-страницу или добавляет вашу веб-страницу на экран своего телефона, этот значок используется. Предпочтительный размер значка: 180x180 (png изображение).


Полноэкранные страницы

Новое в WYSIWYG Web Builder 11:
- в свойствах страницы добавлен выбор 'Apple Touch Icon' в Свойствах страницы. Когда кто-то отмечает Вашу веб-страницу или добавляет Вашу веб-страницу к домашнему экрану их телефона, это изображение используется.
- в свойствах страницы добавлено "'Set page width and height to 100%" в свойствах выравнивания страницы (Page alignment). Этот выбор - для использования в комбинации с полноразмерным расположением страницы (‘Full screen’) и с использованием слоев. При таком расположени основное содержание находится на главной странице, и закладки используются, чтобы переходить между разделами на странице.  (Подробнее).
Посмотреть пример

Раздел Center page

Center page in browser window - Расположение страницы по центру в окне браузера
Выбор этой опции располагает изданную страницу в окне браузера по центру горизонтально.

Указанная Ширина Страницы (см. выше) определит, как содержание будет расположено. Например, если Вы определили 800x600, тогда центральная 'рамка' составит 800 пикселей.

Таким образом важно, чтобы все содержание страницы было расположено в этой рамке на 800 пикселей. Могло бы быть полезно использовать границы справочных линий, чтобы проектировать Вашу страницу в указанном размере.

Вот несколько подсказок, чтобы страницы отражались по центру браузера:

• Установите нужную ширину страницы Page Width (в Свойствах страницы) равным, например, 800x600 пикселей
• Справочные границы установите размером  800x600 (Установка справочных границ - меню Arrange - Show Guide Borders)
• Удостоверьтесь, что все вставленные объекты находятся в пределах справочных границ
• В свойствах страницы (меню Page - Page Properties - вкладка General) выберите 'Center to browser' .

Подробнее о справочных линиях и границах

Center page horizontally and vertically - Эта опция позволяет Вам располагать web-страницу и горизонтально и вертикально в окне браузера.

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

Подробнее об установке страницы по центру
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?t=153
Примечание: Не рекомендуется центрировать страницу для RWD - при применении адаптивного дизайна)

Set Page width and height to 100% - Установите ширину и высоту страницы в 100%
Эта опция предназначена для использования в сочетании с режимом плавающего слоя "полный экран". Подробнее.
 
Align to left, but include page width/height
Эта опция может быть полезной для проектировщиков, которые хотят использовать их страницы для eBay (страницы коммерции). Признаки ширины и высоты для страницы будут добавленный к стилю страницы.

Don't Publish this page - Не издавайте эту страницу

Причины, по которым страница может не публиковаться:

1. Эта страница в настоящее время - не часть вебсайта или все еще в стадии редактирования.
2. Страница только используется как часть Ваших других страниц
3. Страница не изменена - таким образом нет никакой потребности издавать ее снова.

Don't synchronize this page in Navigation Objects - Не синхронизируйте эту страницу в навигационных объектах.
При выборе этой опции страница не будет появляться в навигационных меню, которые автоматически синхронизируются с Менеджером сайта.

Don't Include this Page in the Search Index - Не Включайте эту страницу в поиск. При выборе этой опции страница не будет включена в индекс поиска.

Don't Include this Page in the Site Map - Не Включайте эту страницу в Карту сайта.

Раздел Language

Character Set - Набор символов (кодировка)

Набор символов говорит браузеру, как интерпретировать и отобразить символы на Вашей вебстранице. Самые общие используемые наборы символов: ISO-8859-1 (ANSI) и UTF-8 (UNICODE).

Кодировки для русского языка - Windows-1251 (Cyrillic Alphabet - Windows), KOI-8R, KOI-8U, ISO-8859-5 (или UTF-8).

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

Если WYSIWYG Web Builder неправильно отражает символы Вашего языка ( китайский, японский, русский язык) тогда Вы возможно нуждаетесь в  версии редактора UNICODE WYSIWYG Web Builder.

Об этой версии (WYSIWYG Web Builder 5.06 unicode compliant BETA)- на стр. http://www.wysiwygwebbuilder.com/forum/viewtopic.php? t=7573

Примечание: Последние версии WYSIWYG Web Builder 9 и 10 позволяют установливать любую кодировку, поэтому нет необходимости устанвливать  специальную версию редактора UNICODE WYSIWYG Web Builder

Page Language
- Определяет язык  страницы. Поисковые серверы могут использовать этот тэг, чтобы поместить веб-страницы в определенную категорию по языку.
Примечание:
Этот параметр не изменит способ отображения страниц в Web Builder. Это значение будет использоваться только поисковыми системами.
 
Direction - Определяет написание -  'слева направо' или '"справа налево"'.

Make Default - Сохраняет текущие настройки как значения по умолчанию для новых страниц вебсайта.

Подсказка:
Вы можете также обновить свойства страницы для всех страниц, сразу используя  меню Page -> Site Properties (Свойства сайта).




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


Рейтинг@Mail.ru