Вставка картинок в тело статьи
Иногда возникает необходимость вставить в тело статьи иллюстрации, осуществляется это весьма просто. Первое что нужно сделать это подготовить изображение — загрузить его на ваш компьютер и уменьшить/увеличить до нужных размеров. В имени файлов не должно быть русских букв. Второй шаг — непосредственно загрузка фотографии на сайт и размещение в статье. Итак, приступим.
Начнем с позиционирования картинки в теле статьи — всего существует 3 варианта — с выравнивание по центру, по левому краю и по правому краю. Примеры того как это выглядит вы можете наблюдать ниже:
Выравнивание по центру:
![](/upload/userfiles/guides/posting-1.jpg)
Выравнивание по левому краю:
![](/upload/userfiles/guides/posting-2.jpg)
Выравнивание по правому краю:
![](/upload/userfiles/guides/posting-3.jpg)
В зависимости от того, какого размера ваше изображение вам подойдет разный тип позиционирования — большие изображения(более 500 пикселей в ширину) лучше размещать по центру, меньшего размещать с выравниванием по левому или правому краю.
Приступаем к загрузке изображения. Для начала нужно установить курсор в то место статьи, в которое вы хотите вставить изображение. Далее в окошке нашего редактора находим кнопку «Изображение» и нажимаем ее.
![](/upload/userfiles/guides/posting-4.jpg)
Перед нами появится окно загрузки и публикации изображения. В верхней части окна мы видим 3 вкладки — «Flickr», «Мои файлы», «Стили». Нас в данный момент интересует вкладка «Мои файлы».
![](/upload/userfiles/guides/posting-5.jpg)
Переходим на нее и видим следующую картину:
![](/upload/userfiles/guides/posting-6.jpg)
1. — кнопка для создания новой папки. Позволяет создавать папки для изображений, тем самым хранить их в удобном для вас виде. Вы можете загружать изображения в любые папки, тем самым сортируя их как вам удобно.
2. — Кнопка для загрузки изображения
3. — Список папок и загруженных изображений
Загрузка изображения на сайт начинается с нажатия кнопки «Загрузить». При нажатии на нее выезжает панель с кнопкой загрузки.![](/upload/userfiles/guides/posting-7.jpg)
![](/upload/userfiles/guides/posting-7.jpg)
После нажатия кнопки «SELECT FILES» открывается стандартный диалог выбора файла на вашем компьютере. Вы выбираете файл и он загружается на сайт. Внимание!!! Файл будет загружен в папку, выбранную вами в списке папок (3) См. рис ниже.
![](/upload/userfiles/guides/posting-8.jpg)
После того как файл загружен, вы найдете его в списке папок и файлов в той папке, в которую вы его загружали. Данная папка автоматически будет развернута и изображение будет в списке находящихся в ней файлов. Необходимо выбрать его в списке чтобы имя файла появилось в правой части окна.
![](/upload/userfiles/guides/posting-9.jpg)
Теперь остается только правильно разместить изображение в теле статьи. Для этого необходимо указать выравнивание(по левому или правому краю) и назначить отступы чтобы изображение не сливалось с текстом. Ниже показаны примеры оформления для выравнивания по левому и правому краю.
Выравнивание по левому краю:
![](/upload/userfiles/guides/posting-10.jpg)
Выравнивание по правому краю:
![](/upload/userfiles/guides/posting-11.jpg)
Вот собственно и все, после нажатия кнопки«Вставить» изображение появится в статье.
Важно!!! Следите за уникальностью имен файлов. Если вы пытаетесь загрузить в папку файл с именем, совпадающим с уже имеющимся в папке изображением вы новым файлом замените старый, тем самым уничтожив его!!!
Также я бы рекомендовал использовать вкладку «Стили». На вкладке «Стили» вы можете одним кликом мыши обрамить загруженную картинку в красивую рамочку, сделав его более красивым. В плане выбора стилистики рамки — я использую самый нижний вариант оформления в первом столбце и рекомендую его для большинства случаев. Хотя решать вам — возможно для вашей конкретной задачи больше подойдет другая рамка.
![](/upload/userfiles/guides/posting-12.jpg)
![](/upload/userfiles/guides/posting-13.jpg)
Изменить размер картинки в статье можно кликнув на ней левой кнопкой мыши и потянув любой из появившихся вокруг изображения квадратиков в нужную вам сторону.
Также вы можете свободно перемещать изображение мышью в теле статьи просто перетягивая с места на место.
Если размещение картинки вам не понравилось, вам нужно что либо изменить, вы в любой момент можете заново открыть окно для редактирования параметров, кликнув на изображении левой кнопкой мыши и нажав кнопку «Изображение», как в первом пункте этой статьи.
Рейтинг: 0 Голосов: 0 2553 просмотра | Оцените статью:
|
Комментарии (0)