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

Ссылки

Создание ссылок
Тип ссылок
Настройки 
Стили оформления гиперссылки
Закладки (Якоря)
Менеджер ссылок (Link Manager) 
Проверка ссылок


Создание ссылок

Для создания ссылки выделите текст, который будет ссылкой, в меню  Insert выберите Link (CTRL+K).
Или: на Ленте используйте вкладку Home - Link (для WYSIWYG Web Builder 9 и 10).
Или: Используйте контекстное меню - Link.

Кроме текста, ссылкой может быть изображение, графически формы, rollover image.

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

Настройки




Вкладка Link


В строке Link To выберите:

Web Site - внешняя ссылка. Введите полный URL (интернет-адрес) страницы адресата в коробке URL.

Внешние URL должны начинаться с "http://".

Internal Web Page - внутренняя ссылка - ссылка на страницу Вашего сайта. При щелчке по кнопке выбора ("Select) и выборе страницы ссылка будет создана автоматически.

Email Address - введите адрес электронной почты по типу: webmaster@yourdomain.com

File - ссылка на файл, в том числе и на веб-страницу, созданную сторонним html-редактором. При этом редактор автоматически загрузит местный файл к Вашему вебсайту, когда Вы издадите свою страницу.

Для WYSIWYG Web Builder 9 и 10:

В последних версиях редактора имеются дополнительные возможности для создания ссылок.
В строке Link To можно выбрать:



Page - Выбор страницы для ссылки (для собственного сайта)

Bookmark -
закладка (см. Закладки)

Title - Заголовок. В современных браузерах этот заголовок появляется, когда Вы перемещаете мышь по ссылке.


Раздел Target Window or frame

В разделе определяется, где должна открыться по ссылке веб-страница:

Open in the same browser window - Открыть в том же самом окне браузера

Open in a new browser window
- открыть в новом окне

Open in another window or frame - Открыть в другом окне или рамке

Open in same browser window - открыть в том же самом окне

Open in a popur window -  открыть во всплывающем окне  (будет применен javascript).
Щелкните "Settings", чтобы определить свойства всплывающего окна:

Left -  Определяет левую позицию, в пикселях. Это значение относительно верхнего левого угла экрана. Если Вы введете -1, то всплывающее окно  будет расположено горизонтально по центру на экране.

Top -  Определяет верхнюю позицию всплывающего окна, в пикселях. Это значение относительно верхнего левого угла экрана. Если Вы введете-1 тогда, то окно будет вертикально по центру на экране.

Height -Установка высота окна в пикселях. Минимальное значение 150 для Internet Explorer!

Width - Установка ширины окна в пикселях. Минимальное значение 250 для Internet Explorer!

Status Bar -  Допустите строку состояния внизу окна.

Tool Bar - Допустите стандартную панель инструментов браузера с кнопками, такими как Назад и Вперед.

Location Bar - Допустите области входа местоположения, где Вы вводите URL.

Menu Bar -  Допустите строку меню окна.

Resizable - Позвольте/запретите пользователю изменять размеры окна.

Scrollbars - Допустите полосы прокрутки, если документ больше чем окно

Open in a Light Box - открыть страницу в Light Box.


Раздел Appearance (появление)


В разделе  Вы может корректировать цвета и форматирование гиперссылки.
Как только Вы определили стиль, Вы можете прикрепить это к гиперссылке, выбирая это в списке Style (Стиль).
Нажмите кнопку Edit Styles, чтобы добавить или изменить таблицу стилей гиперссылки.
None - значение по умолчанию

Вкладка Events
См. События

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


Проверка ссылок

Для проверки ссылок используйте:

  • Меню Tools - Verify Links
  • Лента - вкладка Tools - раздел Site Tools - Verify Links
Подробнее о проверке ссылок

В последних версиях программы для проверки ссылок применяется Менеджер ссылок (Link Manager) 


Стили оформления гиперссылки

По умолчанию стиль оформления ссылки:

Linked (default: blue, underlined) - синий, подчеркнутый
Visited (default: purple, underlined - Посещаемая ссылка (значение по умолчанию: фиолетовый, подчеркнутый)
Active (default: red, underlined) - Активная (значение по умолчанию: красный, подчеркнутый)
Hover (default: blue, underlined) - При наведении курсора (значение по умолчанию: синий, подчеркнутый)

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

Новое в WYSIWYG Web Builder 12
Добавлена опция "Reverse" в стилях гиперссылок. При включении этой опции переход будет инвертирован (подчеркивание будет изначально видно и скрыто при наведении).

Новое в WYSIWYG Web Builder 14
Глобальная замена (Global Replace) - Новая функция: добавлена возможность замены внутренних ссылок.

См. также  Объединение ваших страниц (создание ссылок). (англ. язык)


Менеджер ссылок (Link Manager) 

Для использования Менеджера ссылок на ленте выберите Tools - Link Manager.
 Менеджер ссылок сканирует ваши документы на наличие ссылок и отображает их в списке. Вы можете отредактировать их или нажать кнопку «Проверить», чтобы проверить их текущее состояние.
Возможные состояния:
Not verified · Не подтверждено - Еще не проверено
Validated URL · Подтвержденный (действительный) URL-адрес
URL not found · URL-адрес не найден ( недействителен или в настоящее время недоступен)

Подробнее о Менеджере ссылок

Закладки (Якоря)

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

Для вставки закладки используйте:
  • Меню Insert
  • Контекстном меню
  • Лента - вкладка Insert - Bookmark
Закладка вставляется на страницу в виде значка . Установите закладку в нужное место (перетаскиванием).

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

Ссылка на закладку осуществляется при создании ссылки в окне  Insert Hyperlink.

Для этого в строке Link to  выберите  Internal Web Page. щелкните кнопку   Select , выберите из списка страницу для ссылки, в строке  Boolmark выберите закладку, установленную Вами на этой странице. Нажмите ОК.

Новое в WYSIWYG Web Builder 11
- При создании закладок (Bookmarks) устаревший атрибут 'name' заменен на 'id'. Признак 'названия' является устаревшим в HTML5.
- Добавлена функция ‘Smooth Scroll’. Когда связью к закладке щелкнут, страница прокрутится плавно к закладке, с эффектом замедления.
Посмотреть пример
 
Новое в WYSIWYG Web Builder 12 - добавлена опция 'Display all objects in Links -> Bookmark'  ("отображать все объекты в ссылках - > закладка). Если эта опция включена, то в выпадающем меню "Bookmark" (Закладки) в ссылках будут отображаться все объекты (а не только закладки и слои). Это в основном позволяет превратить любой объект в закладки!

Подробнее о создании ссылок:
http://www.wysiwygwebbuilder.com/links.html

Новое в WYSIWYG Web Builder 11
- добавлено свойство "ID" в расширенном разделе свойств ссылки. Это дает возможность создавать закладки на ссылки.


Недостатки редактора при работе со ссылками:

1. Внутренние ссылки можно проверить при публикации сайта. Они не работают в режиме Предварительного просмотра (Preview), если Вы не выбрали опцию  Preview Scope to Entire Web Site  в настройках - (Tools -> Options -> Preview).

2. Стиль ссылки становится активным, когда Вы издаете или анонсируете свою страницу. В редакторе Web Builder  ссылки всегда будут синего цвета.

Новое в WYSIWYG Web Builder 15
Проверка ссылок
- Новая функция: добавлена опция «Фильтр». Это позволяет фильтровать ссылки, чтобы упростить поиск URL-адресов при наличии длинного списка ссылок. Также можно отфильтровать ссылки по названию страницы.


См. также обучающую программу онлайн:
http://www.wysiwygwebbuilder.com/link_color.html


Последнее обновление: сентябрь 2018 г.

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


Рейтинг@Mail.ru