Визуальный редактор

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

- Делает текст жирным

- Делает начертание текста курсивом

- Подчёркивает текст снизу

- Зачёркивает текст

- Удаляет форматирование

- Редактирование цвета текста, цвета фона текста:

- Нумерованный, ненумерованный список

- Вставка ссылки в текст. Установите курсор в необходимое место в редакторе и нажмите эту кнопку. Появится форма создания ссылки:

В этой форме мы вводим текст ссылки, адрес, а также в секции "Дополнительные параметры" задаем CSS-атрибуты ссылки. Выпадающий список наверху формы позволяет выбрать тип создаваемой ссылки.

Редактор предусматривает создание четырех видов ссылок:

• На документ на сервере;
• На другой сайт;
• Внутри данного документа;
• На электронный адрес.

Ссылка на другой сайт

Что если необходимо разместить на странице ссылку на другой сайт?

Шаг 1. Нажмите кнопку создать ссылку - ;

Шаг 2. В поле тип выберите "На другой сайт". Форма настроек изменит свой вид;

Шаг 3. Выберите нужный протокол (в большинстве случаев используется вариант по умолчанию - http://), а в поле "Адрес сайта" введите название сайта;

Шаг 4. При необходимости задайте дополнительные параметры.

Ссылка на электронный адрес

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

Шаг 1. Нажмите кнопку создать ссылку - ;

Шаг 2. В поле тип выберите "Электронный адрес". Форма изменит свой вид, появится поле e-mail;

Шаг 3. Задайте текст ссылки и в поле e-mail укажите почтовый ящик, на который будут приходить письма;

Шаг 4. При необходимости задайте дополнительные параметры.

Загрузка изображений

При клике на эту иконку откроется окно загрузки изображений.

Добавьте картинку, нажмите кнопку "Загрузить".

Картинка появилась в тексте.

Загрузить картинку из html

Также можно загрузить картинки из интересующего нас сайта напрямую, для этого нажимаем на иконку

Открывается поле.

Необходимо перейти на сайт с картинкой, выделить её и нажать копировать.

Нажмите кнопку "Сохранить", картинка вместе с текстом появится в окне.

Загрузить документы

При клике на иконку откроется окно загрузки документов, выберите документ. Нажмите "Загрузить".

В тексте появилась ссылка на документ.