Добавление изображения (+видео)

Характеристики
Где Вы находитесь на сайте
  • Каталог сайта
  • Новости
  • Отзывы
  • Производители
  • Текстовая статья
Что Вы хотите сделать Добавить изображение в текст
Направление
  • Наполнение сайта
  • Дизайн сайта

Словарь

Вставка изображения – добавление в текст изображения, предварительного закаченного на сервер сайта.

Сервер – хранилище файлов сайта.

Назначение

Кнопка предназначена для правильного добавления изображения в текстовый редактор.

Работа с изображениями

Если Вам нужно украсить текст каким-либо изображением, то для этого необходимо правильно его добавить.

Пройдем в раздел сайта, где есть текстовый редактор, например, в текстовую статью. Зайдем в режим редактирования текстовой статьи и попробуем добавить в ее текст картинку, используя текстовый редактор.

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

Так вот, у нас имеется изображение, которое мы хотим добавить в текст статьи. Для этого в меню текстового редактора кликнем по кнопке «Вставить/редактировать изображение» (Рисунок 1).

 

Рисунок 1 — Текстовый редактор. Кнопка для вставки изображения

Появится окно для вставки изображения. Мы корректно вставить изображение можем только предварительно загрузив его на сервер. Поэтому, в появившемся окошке нажимаем на кнопку «Просмотреть на сервере» (Рисунок 2).

 

Рисунок 2 — Окошко для вставки/редактирования изображения

После этого перед нами появится новое окошко с сервером нашего сайта. Чтобы не путаться во многообразии загруженных изображений, советую создать папки, которые помогут разделять изображения по темам. Для создания новой папки нужно просто кликнуть по полю ftp хранилища правой кнопкой мыши и в появившемся контекстном меню выбрать пункт «Создать новую папку» . После создания, назвать ее и пройти для добавления туда фотографий и изображений.

В хранилище присутствует возможность просмотреть выделенное изображение, скпировать его, удалить, отсортировать все изображения и много другое. Каждя кнопка управления изображениями в хранилище снабжена всплывающей подсказкой с описанием ее назначения, которая становится доступна при наведении на нее курсором мышки.

Для загрузки изображений с компьютера на хранилище, нажмем на кнопку в виде дискеты с плюсиком «Загрузить файл» (Рисунок 3).

Рисунок3 — Сервер. Кнопка «Выберите файл»

Выбираем нужное изображение на своем компьютере, открываем его (Рисунок 4). Также можно выбрать сразу несколько изображений. Обратите внимание, что в разных браузерах процесс закачки изображения с компьютера на сервер может незначительно отличаться.

 

Рисунок 4 — Выбор изображения на компьютере

После этого, нужное изображение (-ия) появятся в хранилище. Для добавления их в текстовый редактор, просто дважды кликните по нужному изображению левой кнопкой мыши (Рисунок 5).

 

Рисунок 5 — Сервер сайта. Кнопка «Закачать»

После выбора изображения, оно появляется в окошке со свойствами Здесь мы можем сразу задать размеры нашего изображения (задаются они в пикселях), просто изменив значения ширины и высоты. И для окончательного добавления изображения нажимаем на кнопку «ОК» (Рисунок 6).

 

Рисунок 6 — Окошко вставки/редактирования изображения

Теперь в нашем тексте есть нужное изображение, размеры которого мы можем поменять, выделив его и снова вызвав окошко добавления/редактирования изображения (Рисунок 7).

Рисунок 7 — Изображение добавилось в текстовый редактор

Таким образом, мы можем украсить наш текст в текстовом редакторе изображениями. Также полезно будет обратить внимание на возможность увеличения изображения до его изначальных размеров при клике по нему мышкой. Подробнее про данную возможность смотрите в инструкции «Увеличение картинок (+видео)».

Варианты использования

Используя возможность добавлять картинки мы можем:

  • Сделать текст более красочным и красивым, чем увеличится вероятность его прочтения пользователями сайта;

  • Дополнить текст важными изображения, для большей наглядности.

 
Вернуться к разделу