Как вставить картинки в строку?

При создании или редактировании текстов на сайте зачастую возникает необходимость вставить какое-либо изображение в строку. Это позволяет придать статье более привлекательный вид и информативность. На сайтах, работающих на системах управления контентом (CMS), имеется визуальный редактор текстов, с помощью которого можно добавлять на страницы своего ресурса как текстовую, так и графическую информацию.

Вам понадобится

• - доступ к панели управления сайтом;
• - визуальный редактор;
• - редактор TinyMice.

Инструкция

Зайдите в административную панель управления сайтом и выберите страницу, которую собираетесь редактировать. В некоторых CMS достаточно кликнуть на названии страницы, чтобы открылся визуальный редактор, в иных случаях нужно отметить «галочкой» выбранную страницу и щелкнуть по кнопке «Редактировать».

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

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

В новом открывшемся окне во вкладке «Параметры изображения» правее поля «Адрес» (в некоторых редакциях - URL) нажмите на кнопку или иконку «Просмотр», - откроется окно управления папкой, в которой по умолчанию сохраняются все загружаемые изображения для вашего сайта. Внизу этого окна присутствуют две кнопки: «Обзор» и «Загрузить». Нажав «Обзор», выберите картинку для загрузки со своего компьютера. Далее щелкните мышкой на кнопку «Загрузить», - выбранная картинка должна появиться в папке сохраненных изображений.

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

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

Оцените статью!