Техническая поддержкаВойдите в панель администрации, далее материал — создать материал в открывшемся окне редактора вписываем заголовок "Создание материала с графикой" и выберем категорию к примеру "Новости".
Набираем текст или копируем его из источника и вставляем через кнопку "вставить как текст". Вся операция ввода не очень отличается, от ввода текста в любом текстовом редакторе к примеру в Ворде. С размещением графики немного иначе, Если нужно поместить рисунок в виде баннера слева или справа текста, установите курсор перед началом этого текста, найдите в панели управлении редактором, кнопку "Вставить/Изменить изображение", клик по ней откроет окно "Менеджер изображения".
Первая строка ссылка — здесь вы можете вписать ссылку адрес на изображение к примеру http://efir.org.ru/images/support.jpg
Вторая строка — название изображения например Техническая поддержка, Третья строка размер изображения зададим 200 px (пиксилей), отметим Пропорционально.


Четвертая строка задать позиционирование, по отношению к тексту, если не задать, то текст окажется под картинкой, мы разместить баннер в тексте справа, пятая строка отступы текста от картинок, ставлю 10, если отменить выравнивание отступов, то надо задать каждой стороне свой отступ.
Пятая строка задает границу (каемку) вокруг изображение, я активирую и задам 1 пиксель сплошную, черного цвета. Кликаем по кнопке внизу окна вставить, банер и смотим на результат
Можно рисунок размешать и по другому непосредственно с сервера сайта, для этого надо файл рисунка, фотографии оптимизировать:
1. Размер файла не более 200 килобайт
2. Размер ресунка (фото) не более 1280 на 720 px
Слишком большой файл может перегрузить сервер и затормозить работу сайта или вообще сайт зависнет.
Большой размер картинки может некорректно отображается или исказит дизайн сайта.
Оптимизировать картинку можно при помощи графического редактора "Фотошоп" или "ГИМП".
Продолжим редактирование нашего документа, Попытаемся вставить рисунок с сервера сайта, Установим курсорс в место размещение рисунка, кликнем по кнопке "Вставить/Изменить изображение" и если ваш рисунок уже загружен на сервер при помощи "Медиа-менеджер", смотрите рис 11  -  11a, то просто надо выбрать его в браузер файлов (большое окно ниже строки Границы), я выбираю рисунок under-construction.gif и жму кнопку вставить

under-construction

Выделите кликом мыши вставленный рисунок и отцентрируйте его.
Продолжаем редактирование, вставим группу рисунков загрузив с компьютера, предварительно оптимизировав их, жмем кнопку "Вставить/Изменить изображение", далее выберем в "браузер файлов" папку куда хотите загрузить картинки или создайте новую, нажав кнопку "Новая папка", обзовем ее "test", жмем "ok", затем откроем ее и приступим к выбору загружаемых файлов кликнув мышью по значку "Загрузить". Выбирать можно двумя путями, перетащить на окно загрузки с компьютера файл рисунка  или внизу этого окна, нажав внизу этого окна, кнопку "Обзор", выбрать файл на Вашем компьютере, после чего кликнуть по кнопке "Открыть". Набрав нужное количество файлов жмите "Загрузить" внизу окна рядом с право кнопки "Обзор"

 

Вы наверно заметили что я масштабировал рисунки в 200 px, я покажу как их увеличить в красивом всплывающим окне и как сгруппировать их в небольшую фото галерею.
Выделяем первую картинку, кликнув по ней, затем нажимаем кнопку "Вставить/Изменить ссылку" в отрывшемся окне Ссылка в первой строке нужно вписать ссылку на картинку или кликнув по кнопке "Обзор", попав на сервер сайта откроем созданную нами папку "test" и выберите там наше первое изображение, жмите кнопку вставить. Затем переходим во вкладку "Всплывающие окна", выбираем "JCE MediaBox Popups" В первой строку вписываем название к примру: Первое изображение, во втором поясняющий текст: Тестовая галерея изображений. В строку "Группа" если оставить пустым, то изображение откроется в всплывающем окне ни как не связным с другими изображениями, если поставим отличительные символы в виде латинских букв или цифр.
Введем цифру 1 она будет нашим идентификатором. Следующая строка "Иконка" в виде маленького лупы надо выбрать его расположение на картинке, выберем правый нижний угол.
В строке Размеры оставим пустым, размер изображения будут формироваться автоматически.
Тип медиа Выберем "Изображение" и жмем внизу кнопку "Вставить".
Проделаем тоже самое с оставшимися изображениями, единственное в стоке название будим писать название "Второе изображение", "Третье изображение"