О редакторе Демо-версия Скачать Справка Поддержка

Справка по использованию редактора

Обратите внимание, редактор полностью корректно работает в браузере Internet Explorer, в других браузерах работа может быть неполноценной!

Установка и настройка

Функции основных кнопок в панели редактора.

Отменить (Undo),
Повторить (Redo)
помогут вам отменить неверное действие в редакторе или повторить то, что было отменено.

Вырезать (Cut),
Копировать (Copy),
Вставить (Paste)
используются для работы с выделенными блоками информации на странице или для их вставки из внешних источников, они аналогичны стандартным функциям для работы с буфером обмена.
Вставляется информация в то место, где установлен курсор.

Вставка с фильтрацией (Paste with filtering),
ОБЯЗАТЕЛЬНО используется для вставки текста из MS Word, иначе его оформление будет отличаться от заданного на сайте.
После копирования текста из MS Word в буфер обмена, установите курсор в то место в поле редактора, куда его нужно вставить и нажмите кнопку Вставка с фильтрацией. В открывшееся окно вставьте текст и нажмите Вставить.

Вставить/редактировать гиперссылку (Insert/edit link),
используется для добавления гиперссылок в текст страницы и для их редактирования.
Выделите текст, который должен стать ссылкой, или текст созданной ссылки для ее изменения, и нажмите на кнопку.
При нажатии откроется окно с параметрами ссылки для ввода или изменения:
Текст ссылки (Link text) - при редактировании здесь отображается текст, который является ссылкой.
URL - адрес документа, на который следует перейти.
Адрес может быть абсолютным и относительным. Абсолютные адреса должны начинаться с указания протокола (обычно "http://") и содержать имя сайта (домена), например, ссылка вида http://www.example.com/contacts.php является абсолютной и ведет на страницу "Контакты" сайта example.com.
Абсолютные адреса обычно используются для ссылок на другие сайты, а внутри сайта используют относительные (локальные) адреса, они содержат только названия папок и файла страницы на данном сайте. Например,
page-name.ru - ссылка на страницу, расположенную в той же папке, что и страница со ссылкой.
/images/pic.gif - слэш перед адресом говорит о том, что адресация начинается от корневой (основной) папки сайта. Ссылка ведет на рисунок "pic.gif", который находится в папке "images", а она размещена в корне сайта.
При адресации от корня сайта начало ссылок одинаково для вызова ссылки с любой его страницы, тогда как в ином случае необходимо учитывать в какой папке расположены вызывающая и вызываемая страницы. Пример корня сайта example.com/.
Адрес ссылки можно скопировать из адресной строки браузера, когда в нем открыта нужная страница. Абсолютный адрес копируйте полностью, а относительный, начиная с первого слэша после доменного имени.
Цель (Target) - определяет, в этом же или в новом окне откроется ссылка.
Подсказка Title ("title") - добавляет всплывающую подсказку к тексту ссылки,
Класс Class ("class") - применяет особое CSS-оформление (цвет, размер, вид шрифта и т. д.) для этой ссылки. Название классов предоставляет пользователю разработчик сайта.

Линия (Horisontal line),
рисует горизонтальную разделительную линию на странице.

Вставить таблицу (Insert table),
добавляет таблицу на страницу сайта.
Установите курсор туда, где должна появиться таблица. Нажмите на кнопку и откроется окно с параметрами:
Width - ширина таблицы. Примеры значений: 300px - 300 пикселов, 90% - 90%.
Height - высота таблицы, устанавливается автоматически.
Cols quantity - количество столбцов таблицы.
Rows quantity - количество строк таблицы.
Border width - ширина рамки таблицы в пикселях (px). Лучше не изменять это поле.
Cellspacing - расстояние между рамками ячеек таблицы.
Cellpadding - отступ от рамки ячейки до ее содержимого в пикселях (px).

Для изменения свойств созданной таблицы, установите курсор в одну из ячеек и нажмите правую кнопку мыши. В открывшемся контекстном меню выберите Свойства таблицы. Откроется окно, как при создании таблицы, в нем можно изменить все параметры таблицы, кроме количества строк и столбцов.
Для добавления строки, установите курсор в ячейку предыдущей строки и, нажав правую кнопку мыши, выберите Вставить строку после.
Для удаления строки, установите курсор в ее ячейку и, нажав правую кнопку мыши, выберите Удалить строку.
Аналогично делается добавление и удаление столбца.

Изображение (Image),
добавит картинку на страницу сайта.
Сначала установите курсор в нужное место, затем нажмите кнопку. Откроется окно с полем для выбора файла с картинкой на вашем компьютере. После выбора он сохранится в папку wysiwyg_pictures на сервере.
Размер картинки на странице можно изменить, передвинув мышкой ее стороны или правый нижний угол.
Обратите внимание, реальный размер (вес) файла не изменится, поэтому нужно перед загрузкой заранее корректировать его геометрические размеры, иначе страница будет долго загружаться.

Для изменения свойств картинки нужно выделить ее, щелкнув по ней левой кнопкой мышки, а затем нажать на кнопку Изображение. Откроется окно с параметрами картинки. Здесь можно изменить ее ширину, высоту, Alt-текст (отображается вместо картинок, если они отключены), применить особое оформление картинки, указав название класса CSS (предоставляет разработчик).

Обычно на web-сайтах размещают картинки следующих форматов: GIF, JPEG, PNG.
GIF - сохраняет картинку с палитрой до 256 цветов без потери качества, поддерживает полную прозрачность и простую анимацию.
Используется для малоцветных четких изображений и текста.
JPEG - основной формат в настоящее время. Отлично подходит для изображений фотографического качества, хорошо сжимает изображение (уменьшает размер файла), но качество при этом снижается. Не поддерживает прозрачность и анимацию.
Используется для фотографий, больших многоцветных изображений с плавными переходами цветов.
PNG-8 - аналогичен GIF, отображает до 256 цветов, размер файла получается меньше. Поддерживает градиентную прозрачность, но не поддерживает анимацию.
PNG-24 - использует примерно 16 млн. цветов, сохраняет как яркость и оттенки фотографий, так и четкость мелких деталей, поддерживает плавный переход в прозрачность.
Так как размер файла больше, чем у JPEG, формат подходит для небольших многоцветных изображений, с четкими деталями или прозрачностью.

Flash
добавляет флэш-ролик на страницу сайта.
При нажатии на кнопку откроется окно с полем для выбора Flash-файла на вашем компьютере. После выбора он сохранится в папку на сервере.

Цвет шрифта (Font color)
изменяет цвета шрифта.
Выделите текст, цвет которого хотите изменить и нажмите кнопку. При нажатии на кнопку откроется окно с палитрой цветов, нажмите на нужный цвет для выбора.

Цвет фона (Background color)
изменяет цвета фона.
Выделите текст, фон которого хотите изменить и нажмите кнопку. При нажатии на кнопку откроется окно с палитрой цветов, нажмите на нужный цвет для выбора.

Вспомогательные линии (Guidelines)
выделяет блоки информации на странице (абзацы, картинки, таблицы, ячейки) для анализа ее структуры.

Снять форматирование (Remove format)
снимает с выделенного текста примененное оформление (цвет шрифта и фона, размер и вид шрифта, курсив, подчеркивание).
Кнопкой можно воспользоваться, чтобы снять ненужное оформление текста, который вставлен из внешнего источника, или чтобы снять форматирование перед его изменением.

CSS-классы (CSS-classes)
позволяет выбрать и применить к выделенному блоку, определенный класс оформления, который описан в CSS-файле сайта и указан в настройках редактора. Классы указывает разработчик при создании сайта.

Тип шрифта (Font family)
изменяет тип шрифта для выделенного текста на выбранный из списка.
Наиболее распространенные в интернете и хорошо читаемые с экрана шрифты - Arial, Tahoma, Verdana.

Размер шрифта (Font size)
изменяет размер шрифта для выделенного текста на выбранный из списка. Не стоит делать текст слишком мелким, это затрудняет его чтение.

Жирный (Bold),
Курсив (Italic),
Подчеркнутый (Underline),
Перечеркнутый (Strikethrough)
применяют к выделенному тексту соответствующее оформление.
Оно привлекает внимание посетителя к важным местам на странице. Поисковые системы также считают информацию, выделенную жирным шрифтом или курсивом, более значимой, чем обычный текст.
Подчеркивание обычно используется для текста ссылок, и в других случаях его лучше не использовать.

Надстрочный индекс/степень (Superscript),
Подстрочный индекс (Subscript)
трансформируют выделенный текст в надстрочный или подстрочный индекс. То есть текст уменьшается и смещается выше или ниже основного текста строки.

По левому краю (Justify left),
По центру (Justify center),
По правому краю (Justify right),
По ширине (Justify full)
выравнивают выделенный абзац, заголовок, список, картинку или таблицу соответствующим образом.

Нумерованный список (Ordered list),
Маркированный список (Unsorted list)
создают на странице список. Новый пункт списка добавляется нажатием клавиши <Enter>, а прекращается список нажатием <Enter> и <Backspace>. Выделив пункты созданного списка и нажав на кнопку, можно изменить его вид, например, с маркированного на нумерованный или вообще сделать обычным текстом.

Увеличить отступ (Indent),
Уменьшить отступ (Outdent)
увеличивают или уменьшают отступ выделенного блока (текста, списка, картинки):
от правого края страницы (при выравнивании по правому краю),
от левого края страницы (при выравнивании по левому краю),
с обеих сторон страницы (при выравнивании по центру или по ширине).


делают выделенный текст заголовком 1-го - 4-го уровня.
Заголовок 1-го уровня (H1) имеет наибольшую значимость, обычно он один для всей страницы.
Как правило, при создании сайта в CSS-файле для заголовков задано особое оформление, отличное от основного текста.
Грамотное использование заголовков разного уровня структурирует текст и облегчает его понимание.
Поисковые системы считают информацию, содержащуюся в заголовках, более значимой, чем обычный текст.