Таблица соответствий внешнего вида заголовка и его кода
| |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
Визуальный редактор предоставляет различные средства форматирования текста. Опишем подробнее кнопки и выпадающие списки панели форматирования: Стили шаблонов сайтаПри переходе к редактированию страницы из административного раздела в списке шаблонов будет выбран шаблон по умолчанию. Его таблица стилей (файл styles.css) будет подключена для использования для данной страницы. Для каждого шаблона задается своя таблица стилей (файл styles.css). При смене шаблона в этом окне визуальный редактор подгрузит стили выбранного шаблона. Для каждого из стилей шаблона может быть задано название. В визуальном редакторе описанные стили могут выводится как с названиями, так и без них в зависимости от настроек Визуального редактора в модуле Управление структурой. Примечание: Все стили шаблона разделены на две таблицы стилей, хранящиеся в двух разных файлах. Один из них носит название styles.css и содержит стили для представления внутреннего содержания страниц на сайте. Во втором – с именем template_styles.css – описаны стили для представления шаблона дизайна. Эти стили отображаются при редактировании шаблона сайта с помощью визуального редактора.
Внимание! Выпадающий список шаблонов не предназначен для подключения шаблона дизайна к текущей странице. Условия для использования шаблонов задаются в настройках сайта. Указанный выпадающий список используется только для переключения таблиц стилей и шаблонов визуальных компонентов при редактировании содержания страницы.
Работа со стилямиДля каждого шаблона задается своя таблица стилей (файл styles.css), которые можно использовать для оформления текста. В визуальном редакторе описанные стили могут выводится как с названиями, так и без них в зависимости от настроек модуля Управление структурой.
В выпадающем списке можно выбрать необходимый стиль для текста или другого элемента страницы. Разработчики и администраторы сайтов, как люди технические, используют технически верные названия стилей на латинице. Такие названия стилей для контент-менеджеров могут быть не совсем удобны и понятны. Визуальный редактор допускает изменение названий стилей на кириллические. Если у вас недостаточно прав, обратитесь за помощью к администратору сайта. Для изменения названий стилей:
Теперь стили будут отображаться под выбранными вами названиями. Работа с заголовкамиВ визуальном редакторе есть возможность управлять заголовками в тексте. Для этого существует выпадающий список, в котором можно выбрать нужное выделение заголовка: Значение Normal из списка выбрано по умолчанию, оно соответствует отсутствию заголовка.
ШрифтыВ визуальном редакторе доступны следующие шрифты:
Цвет фона текста задается по кнопке .
Цвет самого текста задается по кнопке .
Размер шрифтаВ редакторе могут быть использованы следующие размеры шрифтов:
Кнопки форматированияРассмотрим, с помощью каких тегов реализуется различное написание текста.
Кнопка удаляет текстовое форматирование, т.е. удаляет тег <font> со всеми его атрибутами, отменяет выделение жирным, курсивом, подчеркивание. Кнопка позволяет вставить горизонтальный разделитель. В коде это действие выполняется с помощью тега <hr> Кнопка Оптимизировать HTML-код убирает пустые HTML-теги.
Выравнивание текста
Списки элементовВ визуальном редакторе есть возможность создать два вида списков: нумерованный и маркированный. Первый вариант создается с помощью кнопки и выглядит так:
Второй вид, маркированный список, создается с помощью кнопки и выглядит так:
Сдвиг текстаВ редакторе есть возможность увеличить отступ от края с помощью кнопки , а затем его можно уменьшить с помощью кнопки .
Кнопка сдвигает текст влево и убирает из кода тег Примечание: в визуальном редакторе в области Свойства есть возможность просматривать и редактировать свойства того объекта, на котором установлен курсор мыши в данный момент. Для разных объектов набор свойств не одинаков. Например, для текста в панели Свойства представлены такие параметры:
Если выделено изображение, то: А если выделить ссылку в рабочей области, то в Свойствах отобразится следующее: Ниже вы можете познакомиться с видео-роликами, наглядно показывающим различные средства форматирования текста. 1. (3 минуты 24 секунды, 15.45 Мб.) Загрузить ролик. 2. (3 минуты 14 секунд, 9.78 Мб.) Загрузить ролик. Работа с текстом | Описание курса | Копирование и вставка текста |