Визуальный редактор Практически вся информация, размещаемая в системе, редактируется через WYSIWYG-редактор (What You See Is What You Get). Он позволяет работать с текстами, таблицами, вставлять изображения и добавлять контекстные ссылки. Интерфейс системы во многом схож с интерфейсом MS Word, но несколько проще в использовании.
Здесь мы опишем особенности работы с инструментами, отличными от знакомых пользователям MS Word и Excel.
Рисунок 4. Визуальный редактор
Панель управления редактора проста в обращении и максимально приближена к панели управления Word. Функции малознакомых рядовому пользователю элементов вкратце описаны в скобках.
Рисунок 5. Возможности визуального редактора
Полный экран (открывает редактор в полном окне)
Предварительный просмотр
Печать
Поиск
Вырезать
Копировать
Вставить
Вставить из Word
Вставить текст
Отменить
Вернуть
Вставить таблицу
Редактировать таблицу/ячейку (размер таблицы, редактирование таблицы и ячейки)
Спрятать/показать указания
Абсолютное позиционирование (размещение объекта в любой области поля редактирования, вне зависимости от остальных объектов этого же поля.)
Закладка
Гиперссылка
Изображение
Флэш
Медиа
Линия
Удалить форматирование
Редактор форм (выбор и редактирование форм)
Спецсимволы (вставка специальных символов)
Стили и форматирование (форматирование текста, абзаца, списка, панель форматирования и выбор собственных CSS-стилей)
Выбор стиля
Просмотреть/редактировать код (редактирование html кода)
Очистить все
Абзац
Название шрифта
Размер шрифта
Цвет шрифта
Цвет фона
Жирный шрифт
Курсив
Подчеркнутый
Зачеркнутый
Верхний индекс
Нижний индекс
Выровнять по левому краю
Выровнять по центру
Выровнять по правому краю
Выровнять полностью
Нумерация
Якоря (маркеры)
Отступ слева
Отступ справа
Слева направо
Справа налево
Вставить из Word
Здесь следует обратить внимание на последнюю кнопку группы – «Вставить из Word». Форма, появляющаяся при нажатии на нее обеспечивает, корректную вставку из Word, Excel и других визуальных текстовых редакторов. При копировании текстов, настоятельно рекомендуем использовать именно эту опцию, т.к. в таком случае визуальный редактор системы очищает содержимое вставки от избыточного форматирования, добавляемого перечисленными программами.
Рисунок 6. Вставить из Word
Таблица
Функция предназначена для работы с таблицами и предоставляет следующие возможности:
Вставка таблицы,
Редактирование свойств таблицы и ее составляющих,
Добавление и удаление строки,
Добавление и удаление колонки,
Объединение ячеек,
Разъединение ячеек.
Принцип функционирования инструментов схож по принципу функционирования с соответствующими инструментами редактора Word.
Рисунок 7. Вставка таблицы
Добавить/Редактировать изображение
Служит для добавления в материалы изображений и редактирования свойств уже добавленного изображения.
Интерфейс этого инструмента состоит из двух частей:
Загрузка и выбор изображения (рис. 9)
Настройка свойств положения и отображения (рис. 8)
Первое окно позволяет задать параметры отображения изображения на странице и вызвать второе окно, с помощью которого производится загрузка и последующий выбор изображения.
Возможные параметры отображения изображения: заголовок, выравнивание, стиль границы, отступ, размер.
Для добавления уже загруженного изображения выберите директорию размещения изображения в левом поле окна и выделите его, кликнув на названии. Если изображение находится на локальном или сетевом диске, предварительно необходимо выбрать папку и загрузить его на сайт, используя форму в правой верхней части окна, а после выбрать из списка загруженных изображений.
Правило загрузки файлов. Следует помнить, что имена любых загружаемых файлов должны состоять исключительно из латинских букв и римских цифр. Допускаются знаки дефис и нижнее подчеркивание. Другие символы, в числе которых и пробел, являются запрещенными. При использовании запрещенных символов в имени, файл будет загружен в систему, однако будет иметь неверный адрес, что повлечет некорректное отображение на сайте.
Рисунок 8. Настройка свойств положения и отображения
Рисунок 9. Загрузка и выбор изображения
Горизонтальная линия
Инструмент позволяет добавить на страницу горизонтальный разделитель. Линии можно задать несколько параметров, такие как:
Выравнивание
Высота
Ширина (абсолютная и в процентах от доступного пространства в текущем блоке)
Цвет
При нажатии на кнопку «линия» () в статье добавится горизонтальный разделитель со стандартными параметрами. Для изменения параметров выполните следующую последовательность действий:
Выделить линию
Нажать на кнопку 25 и выбрать «панель форматирования»
Задать параметры разделителя
Добавить / Редактировать ссылку
Действия этого инструмента применяются к выделению в текущем документе. Поэтому предварительно необходимо выделить участок текста, который вы хотите сделать ссылкой.
Редактор поддерживает действия с тремя типами ссылок:
Закладка в текущем документе
Адрес электронной почты
Сайт в сети Интернет
Ссылка на документ
Данный инструмент позволяет добавить ссылку на файл из текущего документа.
Порядок действий по созданию ссылки:
- выделить текст, который будет ссылкой,
- нажать кнопку «гиперссылка»,
- задать адрес файла.
Вариант 1. известна прямая ссылка на файл.
Если известна прямая ссылка на файл, то адрес прописывается в верхней строке: выбирается директория (протокол соединения), вводится имя сайта и полный линк, такая ссылка считается абсолютной. Также можно использовать относительные ссылки, в таком случае, директория и имя сайта не указываются.
Вариант 2. Файл загружен на сайт или размещается на персональном компьютере пользователя.
Если документ уже находится на вашем сайте, то выберите его в левом поле открывшегося диалогового окна. Если размещен на локальном или сетевом диске выберите папку и загрузите его, используя форму в правом верхнем углу окна. Пожалуйста, помните правило загрузки файлов.
Рисунок 10. Добавление ссылки на документ
Добавить/Редактировать закладку
Данный инструмент помещает закладку (якорь) в текущую позицию курсора с целью последующего использования в качестве ссылки на эту позицию документа с помощью команды «Добавить / Редактировать ссылку».
Закладка HTML
При необходимости, можно отключить визуальный редактор и ввести собственный html-код. Для этого достаточно переключить закладку с положения «Редактор» на положение «HTML»
|