Добрый день, уважаемые соклубники. Не раз уже на форуме поднимался вопрос о возможности вставки фотографий в текст. В этой статье я решил пойти немного дальше, и рассказать как подготовить и разместить на страницах нашего сайта информационную статью. Она может быть абсолютно о всём, чем Вы интересуетесь. Очень интересно читать о различных путешествиях, отчетах о ремонте \ модернизации машин.
Где и как писать статьи?
На на основной странице, в правом верхнем углу есть пиктограммы управления своим профилем(2,3 и т.д.).![Описание: C:\Users\км\Desktop\создание статей\1.jpg](http://chevy-niva29.ru/images/users/photos/medium/ed27c1616843a35430e3fb33eb3eef81.jpg)
Если кнопки не появились, выполните вход на главной странице под своим логином и паролем.
Жмём кнопочку №3 «админка» и попадаем в панель управления своим профилем.
![Описание: C:\Users\км\Desktop\создание статей\s1.jpg](http://chevy-niva29.ru/images/users/photos/medium/229683defa1384340f6b58c32b51e5cd.jpg)
Для создания статей, заходим в раздел «статья» (№1)
![Описание: C:\Users\км\Desktop\создание статей\s2.jpg](http://chevy-niva29.ru/images/users/photos/medium/336b87feac15fa76dcdd4ec7d39e38d1.jpg)
И в появившемся окне жмём кнопку «+» (№1) для вызова редактора статей.
Сам редактор напоминает Офисный пакет, и думаю больших вопросов в использовании вызвать не должен. Основные команды по форматированию текста, вставке и копированию поддерживаются нашим встроенным редактором. Отдельно стоит упомянуть функцию вставки. Простые сочетания кнопок типа «ctrl+v» тут могут не сработать, вставлять текст в окно редактора нужно (и правильно) путем вызова в контекстном меню правой кнопкой пункта «вставить». В результате появится диалоговое окно, в которое и нужно вставить текст.
![](http://chevy-niva29.ru/images/users/photos/medium/7393d423da9bd06685b58f6bad5c6b5e.jpg)
![](http://chevy-niva29.ru/images/users/photos/medium/e8c53f2bcc5f699ecdfdf6975be8ad9e.jpg)
На этом премудрости по работе с текстом кончаются. Начинается рассказ, как работать с текстом и картинками.
Текст и картинки.
Основополагающее правило по вставке картинок в текст статьи – картинки должны быть загружены в интернет. Они могут находиться на любом фото хостинге, или на страницах интернет сайтов. Так как мы с Вами имеем аккаунт на нашем сайте, то мы можем хранить неограниченное кол-во фотографий и других картинок. Рассмотрим этот момент подробнее.
Куда и как загрузить картинки.
После входа на основной странице, в правом верхнем углу появляются пиктограммы управления своим профилем(2,3 и т.д.).
![Описание: C:\Users\км\Desktop\создание статей\1.jpg](http://chevy-niva29.ru/images/users/photos/medium/ed27c1616843a35430e3fb33eb3eef81.jpg)
Если кнопки не появились, выполните вход на главной странице под своим логином и паролем.
Жмем кнопку «фото» (№2)
Попадаем в раздел своей фотогаллереи.
![Описание: C:\Users\км\Desktop\создание статей\2.jpg](http://chevy-niva29.ru/images/users/photos/medium/b25b7e03ea07e335e26848f7ffa1ebc8.jpg)
В этом разделе жмём кнопочку «добавить фото» (№1)
Попадаем на страницу загрузки фотографий на сервер.
![Описание: C:\Users\км\Desktop\создание статей\3.jpg](http://chevy-niva29.ru/images/users/photos/medium/3543c656255cd0f7e3a22cd1f083f63d.jpg)
Жмём кнопочку «выбор фотографий» (№1) и выпадает системное окно выбора файлов.![Описание: C:\Users\км\Desktop\создание статей\4.jpg](http://chevy-niva29.ru/images/users/photos/medium/9220c80f60d6f793c9b3c0fb2487e755.jpg)
Вид системного окна меняется в зависимости от установленной операционной системы, но смысл остаётся одинаковым: выбираем нужные файлы (1) и жмём кнопочку открыть (№2).
![Описание: C:\Users\км\Desktop\создание статей\5.jpg](http://chevy-niva29.ru/images/users/photos/medium/e24778ca2165d7c1076aeba131447a7a.jpg)
Началась загрузка выбранных фотографий /картинок на сервер. По окончании загрузки появляется следующая страница![Описание: C:\Users\км\Desktop\создание статей\6.jpg](http://chevy-niva29.ru/images/users/photos/medium/7701c57872472dac68db440d05cab774.jpg)
Где жмём кнопку «продолжить» (№1)
Теперь перед нами основное окно управления фотографиями и альбомами своего аккаунта. Тут мы можем изменять название файлов, добавлять описание, как отдельных фотографий, так и альбома целиком(№3). Так же здесь мы можем ограничить просмотр фотографий только для друзей или только для зарегистрированных пользователей, или снять все ограничения.
На этой странице загруженные фотографии помещаются либо в уже имеющийся раздел / альбом (№1), либо для них создаётся новый альбом (№2). В данный момент все новые фотографии мы загрузили на сервер, и поместили их в новый альбом с названием «загрузка файлов на сайт». По окончанию всех действий на странице жмём кнопку «сохранить» внизу страницы.
![Описание: C:\Users\км\Desktop\создание статей\8.jpg](http://chevy-niva29.ru/images/users/photos/medium/c5d6206d7b33f13115b9fb1ceb392d85.jpg)
Фотографии наши загружены, и мы можем их просмотреть, или отредактировать их подписи, и другие свойства.
Как вставить фотографии в текст статьи.
И так, мы находимся в редакторе стать. Помещаем курсор в необходиме меснто и жмём кнопку «добавить картинку» (№1)
![Описание: C:\Users\км\Desktop\создание статей\s4.jpg](http://chevy-niva29.ru/images/users/photos/medium/cbb042df6bb042cd6b18d2b7be774458.jpg)
После чего нам редактор выведет диалоговое окно, где попросит указать интернет адрес этой картинки (URL),
![Описание: C:\Users\км\Desktop\создание статей\s5.jpg](http://chevy-niva29.ru/images/users/photos/medium/f05c141a7776a6314494919b6826051c.jpg)
Так же тут можно указать альтернативный текст ( текст который будет отображаться в случае пропажи картинки) толщину бордюра (рамки вокруг картинки) и главное - ширину и высоту картинки. К примеру, если оригинал на сервер закачен большой, то тут можно ограничить размер картинки по своему желанию, на пример 800х600 пикселей. Этого вполне достаточно для комфортного просмотра фотографий на экранах большинства компьютеров и планшетов.
Как взять ссылку на фотографию из альбома загруженного к нам на сайт.
Для этого открываем свой альбом, открываем фотографию, кликаем правой кнопкой мышки на фотографии, и в появившемся контекстном меню выбираем пункт «копировать URL картинки».
После этого вставляем текст из буфера обмена в поле “URL” диалогового окна вставки картинки в статью.