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

Данная функция позволяет изменить свойства размещенной картинки: размер, альтернативное название, описание, выравнивание и пр.

Рассмотрим, как это можно сделать.

Шаг 1

Выберите изображение в рабочей области текстового редактора и нажмите кнопку "Свойства изображения" на рабочей панели редактора.

phpS54pLL

Шаг 2 Данные об изображении

На вкладке "Данные об изображении" доступны для редактирования общие данные и параметры отображения иллюстрации

 

phpX18tM6

  • Ссылка: URL картинки.
  • Альтернативный текст: какое-либо примечание о сути изображения - это полезно для "восприятия" Вашего сайта поисковиками. Также альтернативный текст отображается при отключенном в браузере показе картинок или во время их загрузки. Такой текст появляется раньше самого изображения и дает представление о его содержании.
  • Заголовок: название для изображения - оно будет всплывать при наведении курсора на иллюстрацию.
  • Ширина: ширина изображения в пикселах.
  • Высота: высота изображения в пикселах.
  • phphUBa0N "Сохранять пропорции" : при активации кнопки пропорции изображения автоматически сохраняются при изменении ширины/высоты.
  • phpQafi0m "Вернуть обычные размеры": при активации кнопки ширина и высота изображения принимают параметры по умолчанию.  
  • Граница: толщина рамки для изображения.
  • Горизонтальный отступ: отступ по горизонтали до ближайшего объекта, в пикселах.
  • Вертикальный отступ: отступ по вертикали от картинки до ближайшего объекта (текста, таблицы и т.п.), в пикселах.
  • Выравнивание - способ выравнивания картинки относительно текста и документа
    • По левому краю - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа,
    • По правому краю - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.

 

Шаг 3 Ссылка

Вкладка "Ссылка" позволяет настроить переадресацию посетителей при нажатии на изображение. Это может быть ссылкой на страницу Вашего сайта, либо любой другой информационный ресурс.

Для настройки переадресации введите URL в поле "Ссылка" и выберите вариант перехода из предложенных:

  • Новое окно - ссылка откроется в новой вкладке браузера.
  • Текущее окно - ссылка откроется на текущей странице.
  • Главное окно -  ссылка откроется с отменой всех фреймов в полном окне браузера.
  • Родительское окно - ссылка откроется во фрейме-родителе. 

phpuHgnmK

Шаг 4 Дополнительно

Во вкладке "Дополнительно" доступны для редактирования 

  • Идентификатор - идентификатор картинки (имя элемента).
  • Направление текста - направление письма: слева-направо (left to right) или справа-налево (right to left - для восточных языков).
  • Код языка - при необходимости укажите код используемого языка.
  • Длинное описание ссылки - тут можно указать ссылку на подробное описание картинки (longdesc). 
  • Класс CSS - тут можно задать класс изображения (если ранее он был задан)
  • Стиль - в данном поле Вы можете вручную прописать стиль для изображения (значение атрибута style).
  • Альтернативное изображение
    • При наведении - вставьте адрес картинки, которая будет сменять начальную иллюстрацию при наведении курсора.
    • В нормальном состоянии -  вставьте адрес картинки, которая при снятии курсора будет сменять ту иллюстрацию, которая выводилась при наведении.

phpoKfov1

Была ли статья вам полезна? Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий
Навигация