Свойства изображения #2394
Данная функция позволяет изменить свойства размещенной картинки: размер, альтернативное название, описание, выравнивание и пр.
Рассмотрим, как это можно сделать.
Шаг 1
Выберите изображение в рабочей области текстового редактора и нажмите кнопку "Свойства изображения" на рабочей панели редактора.
Шаг 2 Данные об изображении
На вкладке "Данные об изображении" доступны для редактирования общие данные и параметры отображения иллюстрации
- Ссылка: URL картинки.
- Альтернативный текст: какое-либо примечание о сути изображения - это полезно для "восприятия" Вашего сайта поисковиками. Также альтернативный текст отображается при отключенном в браузере показе картинок или во время их загрузки. Такой текст появляется раньше самого изображения и дает представление о его содержании.
- Заголовок: название для изображения - оно будет всплывать при наведении курсора на иллюстрацию.
- Ширина: ширина изображения в пикселах.
- Высота: высота изображения в пикселах.
- "Сохранять пропорции" : при активации кнопки пропорции изображения автоматически сохраняются при изменении ширины/высоты.
- "Вернуть обычные размеры": при активации кнопки ширина и высота изображения принимают параметры по умолчанию.
- Граница: толщина рамки для изображения.
- Горизонтальный отступ: отступ по горизонтали до ближайшего объекта, в пикселах.
- Вертикальный отступ: отступ по вертикали от картинки до ближайшего объекта (текста, таблицы и т.п.), в пикселах.
- Выравнивание - способ выравнивания картинки относительно текста и документа
-
- По левому краю - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа,
- По правому краю - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
Шаг 3 Ссылка
Вкладка "Ссылка" позволяет настроить переадресацию посетителей при нажатии на изображение. Это может быть ссылкой на страницу Вашего сайта, либо любой другой информационный ресурс.
Для настройки переадресации введите URL в поле "Ссылка" и выберите вариант перехода из предложенных:
- Новое окно - ссылка откроется в новой вкладке браузера.
- Текущее окно - ссылка откроется на текущей странице.
- Главное окно - ссылка откроется с отменой всех фреймов в полном окне браузера.
- Родительское окно - ссылка откроется во фрейме-родителе.
Шаг 4 Дополнительно
Во вкладке "Дополнительно" доступны для редактирования
- Идентификатор - идентификатор картинки (имя элемента).
- Направление текста - направление письма: слева-направо (left to right) или справа-налево (right to left - для восточных языков).
- Код языка - при необходимости укажите код используемого языка.
- Длинное описание ссылки - тут можно указать ссылку на подробное описание картинки (longdesc).
- Класс CSS - тут можно задать класс изображения (если ранее он был задан)
- Стиль - в данном поле Вы можете вручную прописать стиль для изображения (значение атрибута style).
- Альтернативное изображение
- При наведении - вставьте адрес картинки, которая будет сменять начальную иллюстрацию при наведении курсора.
- В нормальном состоянии - вставьте адрес картинки, которая при снятии курсора будет сменять ту иллюстрацию, которая выводилась при наведении.