Вставка изображений. Вставка изображения в документ.
С помощью редактора вы можете легко и интуитивно вставлять изображения в ваш документ.
Чтобы добавить изображение просто нажмите кнопку «Изображение» на панели инструментов. В открывшемся диалоговом окне «Свойства изображения» вы сможете указать источник изображения, его размер, параметры отображения или другие более продвинуты настройки.
Диалоговое окно «Свойства изображения» состоит из трех вкладок, группирующих настройки:
- Данные об изображении
- Ссылка
- Дополнительно
Данные об изображении
Вкладка «Данные об изображении» открывается по умолчанию после нажатия кнопки «Изображение» на панели инструментов.
Ниже представлены описания всех элементов вкладки «Данные об изображении»:
- Ссылка - веб-адрес изображения. Изображение может быть расположено на том же сервере, что и сайт, на котором вы находитесь в данным момент или же на внешнем сервере.
- Внешний сервер: если вы хотите указать внешний адрес, используйте полное написание пути.
Пример:
http://example.com/image1.jpg
- Локальный сервер: если изображение расположено на том же сервере, что и сайт, вы можете использовать относительное написание пути, которое начинается с наклонной черты и в котором не указывается доменное имя.
Пример:
/images/image2.jpg
Вы также можете использовать кнопку «Выбор на сервере» для выбора изображений, доступных на сервере.
- Альтернативный текст - краткое текстовое описание изображения для пользователей с ограниченными возможностями, использующих экранный диктор, которое описывает о чем это изображение.
- Ширина - ширина изображения в пикселях. По умолчанию это размер оригинального изображения.
- Высота - высота изображения в пикселях. По умолчанию это размер оригинального изображения.
- Граница - размер сплошной границы вокруг изображения в пикселях.
- Гориз. отступ - горизонтальный отступ в пикселях между рамкой изображения (если она есть) или самим изображением и остальными элементами документа, которые окружают изображение.
- Вертик. отступ - вертикальный отступ в пикселях между рамкой изображения (если она есть) или самим изображением и остальными элементами документа, которые окружают изображение.
- Выравнивание - выравнивание изображения в документе. Доступны варианты «По левому краю» и «По правому краю».
- Предпросмотр - предварительный просмотр дает представление как будет выглядеть изображение, измененное в соответствии с выбранными слева настройками.
Изменение размера изображения
С помощью редактора вы можете менять разрешение ваших изображений.
Если изображение слишком больших размеров, вы можете менять его разрешение вводя новые значения в поля «Ширина» и «Высота». По умолчанию сохранение пропорций отключено, что видно по значку закрытого замка на кнопке. Это значит, что когда вы меняете одно из значений размера (ширину или высоту), другая сторона будет пропорционально подгоняться автоматически.
Если вы хотите свободно менять размеры обеих сторон, нажмите на кнопку «Сохранять пропорции», чтобы разблокировать возможность изменения пропорций. Значок кнопки примет вид открытого замка и теперь изменение одной стороны изображения не будет приводить к автоподгону второй стороны. Чтобы вернуть сохранение пропорций обратно, нажмите на кнопку «Сохранять пропорции» еще раз.
Вы можете легко вернуться к первоначальным размерам изображения, нажав кнопку «Вернуть обычные размеры». Это восстановит размеры сторон, оригинальные значения широты и высоты появятся в соответствующих полях.
Ссылка
С помощью вкладки «Ссылка» вы можете привязывать ссылки к изображениям, вставленным в документ, эффективно преображая изображения в ссылки. Ссылка может вести к любому объекту, доступному в интернете - будь то простой URL адрес, PDF-документ или онлайн видео.
Это бывает особенно полезно, например, когда вам нужно вставить превью изображения, которое будет вести к полноразмерной копии изображения или добавить логотип компании, ведущий на ее сайт.
Перед тем, как начать работу со вкладкой «Ссылка», нужно сначала добавить изображение в документ во вкладке «Данные об изображении». После этого вы можете переключиться на вкладку «Ссылка» и указать адрес, на который будет вести изображение.
Ниже представлены описания всех элементов вкладки «Ссылка»:
- Ссылка - веб-адрес, на который будет вести изображение. Это может быть ссылка на сайт, изображение или другой файл, расположенный на том же сервере, что и сайт, на котором вы находитесь в данный момент или же на внешнем сервере.
- Внешний сервер: если вы хотите использовать внешний адрес, используйте полное написание пути.
Пример:
http://example.com/
http://example.com/largeimage1.jpg
- Локальный сервер: если объект, на который ведет ссылка расположен на том же сервере, на котором расположен сайт, то вы можете использовать относительное написание пути, которое начинается с наклонной черты и в котором не указывается доменное имя
Пример:
/howto/images
/images/image2.jpg
Вы также можете использовать кнопку «Выбор на сервере» для выбора изображений, доступных на сервере.
- Цель - окно, в котором откроется ссылка после нажатия на изображение. Вы можете выбрать «Новое окно» , «Главное окно» , «Текущее окно» или «Родительское окно» .
Если вам нужно изменить изображение со ссылкой, кликните по нему правой кнопкой мыши и выберите пункт «Свойства изображения». С помощью окна «Свойства изображения» вы можете изменить как само изображение, так и его ссылку. Если вы кликните по нему дважды, откроете диалоговое окно «Ссылка», в котором вы сможете изменить только параметры ссылки, но не самого изображения.
Дополнительно
Во вкладке «Дополнительно» вы можете указать дополнительные настройки изображения, такие как привязка к ID, классу, всплывающая подсказка или настройки CSS. Они предназначены для продвинутых пользователей со знаниями HTML и CSS и дают практически безграничные возможности для настройки внешнего вида изображения.
Ниже представлены описания всех элементов вкладки «Дополнительно»:
- Идентификатор - уникальный идентификатор для изображения (атрибут ).
- Направление текста - направление текста: слева направо и справа налево (атрибут ).
- Клавиша доступа - клавиша быстрого доступа для активации ссылки изображения (атрибут ).
- Имя - имя ссылки изображения (атрибут ).
- Код языка - язык изображения (атрибут ).
- Последовательность перехода - последовательность перехода ссылки (атрибут ).
- Заголовок - текст всплывающей подсказки, которая появляется, когда курсор наводится на изображение (атрибут ).
- Тип содержимого - тип содержимого ссылки изображения (атрибут ).
- Классы CSS - класс изображения (атрибут ). Имейте в виду, что к изображению может быть привязано несколько классов. В таком случае разделяйте классы пробелами.
- Кодировка ресурса - набор символов источника ссылки изображения (атрибут ).
- Отношение - отношение между текущим документом и документом, на который ведет ссылка изображения (атрибут ).
- Стиль - настройки стиля CSS (атрибут ). Имейте в виду, что каждое описание свойств селектора должно заканчиваться точкой с запятой, а индивидуальные параметры должны быть разделены пробелами.