Пособие пользователю – работаем с фото в визуальном редакторе

В виду частых вопросов по поводу функционала портала, решил начать писать «пособия для пользователей» по работе с порталом.

Первое пособие – манипуляция с фото.

Ситуация – у нас есть текст и несколько фото, которые мы хотим всем показать.

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

Есть 2 варианта простой и более профессиональный, когда фото оформлены как в журнале, т.е. текст обтекает их слева или справа.

Вариант первый: оформляем все одним списком.

1 шаг – доводим фото до нужного размера, это максимум в ширину 630 пикселей.
Я работаю в фотошопе. Открываем нужное фото
Идем в Image -> Image size...
Выставляем width нужного нам размера, при этом высота нас не интересует, щелкаем по «ОК». Сохраняем файл в формате JPG. Качество 60 будет достаточно.

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

Загружаем файлы, через закладку «Прикрепленные файлы», которая по умолчанию закрыта.

После загрузки, у нас есть полная ссылка на файл, делаем правый клик, затем copy/copia/копировать ссылку.

Возвращаемся в «тело» сообщения («Содержимое») вводим текст и устанавливаем курсор на то место, где мы хотим вставить фото

Щелкаем на иконку с древом (1), откроется окошко для вставления фото. В поле «Адрес картинки» (2) вставляем скопированный нами адрес.

Дальше можно вставить еще текст под фото, к примеру описание, и затем добавить новое фото и так до бесконечности.

Получаем:

Вариант второй: выравниваем фото по левому или правому краям.

Проделываем все процедуры описанные в первом варианте.

В момент вставки фото, устанавливаем курсор в начало текста, который должен обтекать фото.

Щелкаем на иконку с деревом (1), вставляем скопированный адрес в поле «Адрес картинки» (2)
Выбираем выровнять по левому или правому краю (3.1 и 3.2)

И вот что у нас выходит: