Вставка картинок

Для вставки картинки нажмите на пиктограмму вставки картинки в редакторе:

Выберите просмотреть на сервере:

Окно свойства изображения

Выберите нужную картинку. При необходимости загрузить, выберите «Загрузить»:

Окно загрузки и обработки изображений на сервер

В процессе загрузки вы также можете создать уменьшенные версии картинок. Это сильно рекомендуется делать для ускорения загрузки страницы и сохранения стилистической целостности. Уменьшаться картинки будет с сохранением соотношения сторон. В том случае если размер уменьшенных изображений вас не устраивает, вы можете ввести свое значение. Для этого после загрузки картинки, выделите картинку и нажмите «изменить размеры»:

Изменение размеров изображения

Введите нужное вам значение ширины или высоты, перейдите во второе поле — значение с сохранением соотношения сторон будет проставлено автоматически; однако вы можете ввести свое значение, если соотношение сторон вам не важно. Вы также можете удалять картинки для этого выдели картинку которую нужно удалить и нажмите «Удалить»

После загрузки и подготовки картинки, выделите её и нажмите «Отправить для FCKEditor», ссылка на картинку будет отправлена в редактор.

Окно свойст изображения с ссылкой

Введите альтернативный текст, тег <alt>, картинки и выберите выравнивание — как правило «по левому краю».

Если необходимо вы можете сделать картинку ссылкой на ее оригинальную версию. Для этого перейдите во вкладку «Ссылка»:

 Свойства изображения - ссылка

Найдите на сервере её оригинальную версию, как это описано выше. Выберите целевой фрейм — как правило это новое окно.

Если это необходимо то вы можете выводить оригинальную версию картинки в lightbox. Для этого необходимо перейти во вкладку «Расширенный» и указать класс «lightboximg»:

Дополнительные свойства изображения

В этом разделе также можно ввести заголовок картинки, указать параметр <title>. Это сильно рекомендуется делать. Значение этого парамертра, наравне с альтернативным текстом широко используется поисковыми машинами. Текст для <alt> — осмысленное описание картинки. Текст для <title> — название картинки. В целях поисковой оптимизации рекомендуется использовать для этих текстов фразы содержащие слова из статьи. Также в зависимости от настроек сайта одно из этих полей может использоваться в lightbox.

Результат: к примеру эта страница.

Ниже вы можете загрузить это руководство в PDF.

ПредпросмотрВложениеРазмер
Вставка картинок539.77 КБ