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

Ссылки

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


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

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

Linked (default: blue, underlined) - синий, подчеркнутый

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

Active (default: red, underlined) - Активная (значение по умолчанию: красный, подчеркнутый)

Hover (default: blue, underlined) - При наведении курсора (значение по умолчанию: синий, подчеркнутый)

Применяя каскадные листы стиля (CSS), можно изменить цвета ссылок.


Редактор стилей ссылок

В редакторе WYSIWYG Web Builder имеется  Hyperlink Style Editor - Редактор стиля гиперссылки.

Откройте окно Edit Hyperlink - для существующей ссылки или окно Insert Hyperlink - для новой ссылки (меню Insert - Hyperlink).

Щелкнимте по кнопке Edit Styles. Появится окно Style Manager

Add - добавить новый стиль - дайте название Вашему стилю, определите цвета. Все изменения сразу же отражаются внизу в окне просмотра. Щелкните ОК.

Созданный новый стиль будет добавлен в раскрывающийся список стилей оформления ссылок.

Edit - редактировать стиль.

Remove - удалить стиль

Помимо цветов Вы можете также изменить текст ссылки на полужирный или курсив.

Пример: Удаление подчеркивания ссылки.

1. Создайте новый стиль и уберите галочки в строке underlined  для всех 4 положений.

2. Назовите стиль 'no_underline' (без подчеркивания)

3. Нажмите OK, чтобы сохранить.

4. Выберите ссылку и измените стиль (внизу)на 'no_underline'

5. Издайте или анонсируйте страницу, чтобы рассмотреть эффект.


Редактирование стиля ссылок в WYSIWYG Web Builder 9 и 10


При создании ссылок (см. Ссылки) открывается окно Insert Hyperlink (Вставка ссылки).
В этом окне, наряду с прочим, имеется кнопка Edit Style. При щелчке по этой кнопке открывается окно Style Manager (для ссылок).
Add - Добавление нового стиля оформления ссылок. Откроется окно Hyperlink Styles
Edit - Редактирование существующего стиля

Или:
Для создания своего стиля оформления ссылок используйте  Менеджера стиля (Style Manager).
Перейдите на вкладку Hyperlink Styles.



При создании нового стиля Вы должны выбрать оформление текста ссылки для всех 4-х состояний ссылки.
Дайте новому стилю оформления ссылок свое название.
Вы можете создать несколько стилей.
Примечание: не рекомендуется применять без необходимости различные стили оформления для ссылок - все  ссылки на всех страницах сайта должны быть с одинаковым оформлением.
Необходимость разного формления возникает, например, в случае, если ссылки располагаются на фоне разного цвета.


Применение нового стиля

При создании ссылки открывается окно Insert Hyperlink (Вставка ссылки).
В разделе Appearance в строке Style выберите нужный стиль оформления ссылок.
Если стиль не выбран, то будет применен стиль по умолчанию.

Новое оформление ссылок можно увидеть при публикации страницы.
В окне редактирования все ссылки будут выглядеть одинаково - синими и подчеркнутыми.


Новая особенность: Добавлено к стилям гиперссылки. художественное оформление текста ссылки (подчеркивающая линия) и мультипликация.
Подробнее (англ. язык)
- Новая особенность - способность скрыть/удалить расширение от внутренних связей:

Используйте Tools->Options->Publish & Preview. Для передовых пользователей только!
Отметьте, что у произведенных файлов все еще будут расширения, иначе, они не будут признаны как файлы HTML/PHP.


См. также: Свойства сайта - Вкладка Style - раздел Links (Ссылки).







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

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


Рейтинг@Mail.ru