CMS RUEN
ruen.suCMS RUEN
RUEN
ПоддержкаПродвижениеНастройкаОформлениеРазработка
ОсновноеОтображениеВзаимодействиеПродажиРекламаПрочееСпециализированное

Добавление изображений на страницы

Изображениями может быть что угодно – фотографии, схемы, скриншоты и просто рисунки, главное чтобы они были сохранены в формате JPEG или GIF или PNG. Именно в этих форматах обычно представлены всевозможные изображения в интернете.

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

Диалог добавления изображений

Кнопка добавления изображений

Для добавления изображения необходимо нажать на кнопку [dobavit_izobrazhenie] Добавить изображение, она выделена на скриншоте. Нажимать необходимо левой кнопкой мыши и всего один раз. При этом внизу текстового поля откроется панель добавления изображений, отображенная на скриншоте ниже:

Диалог добавления изображения

На панели добавления изображения выполняем следующие действия:
  • Выбираем файл изображения. Для этого необходимо нажать кнопку Обзор и выбрать необходимый файл при помощи стандартного окна открытия файлов. Файл должен быть в формате JPEG (JPG) или GIF. Желательно, чтобы он был подготовлен для публикации – сжат по размерам до нужных, а в идеале – оптимизирован по своему весу (объему).
  • Вводим комментарий. Комментарий – это краткая и понятная фраза из нескольких слов, описывающих то, что отображено на добавляемом изображении. Комментарий показывается при наведении курсора на изображении, а также при показе страницы с отключенными изображениями, также он сказывается на поисковом продвижении.
  • Указываем ссылку, если нужен переход на другие страницы или на другие сайты.
  • Тип. Фотография – это обычная фотография, а превьюв – это уменьшенная фотография, при нажатии на которую всплывает большая фотография. Превьюв следует выбирать, если хотите добавить много фотографий или проиллюстрировать текст, и там же можно выбрать размеры, до которых будет уменьшена фотография.
  • Указываем расположение изображения. Вариантов четыре: расположить слева (при этом текст будет «обтекать» изображение справа), справа и по центру (изображение раздвинет текст). Также можно не указывать расположение, тогда, при отсутствии пустых строк между изображениями, они встанут друг рядом с другом. При минимальных затратах времени можно управлять расположением изображений и тем самым делать страницы сайта более аккуратными и читаемыми.
  • Оформление. Под оформление подразумевается каёмка вокруг изображений. Каемку лучше добавлять для необработанных фотографий (то есть фотографий без каемок), либо для четкого отделения изображения от текста.
  • Коррекция. Коррекция включает в себя изменение размеров добавляемого изображения и может ограничиваться шириной и/или длиной. При этом фотография не обрезается, но уменьшается, чтобы вмещаться в указанные размеры. По умолчанию коррекция не выполняется. Эту опцию следует использовать, если добавляются большие фотографии или несколько фотографий разных размеров.
  • Жмем кнопку Сохранить и просмотреть и наслаждаемся полученным результатом.

Изображение при добавлении размещается в конце текста. При желании код изображения можно перенести в нужное место в тексте страницы.

Добавление нескольких изображений

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

Количество одновременно добавляемых изображений никак не ограничивается, но следует учесть тот факт, что один неверный шаг, и придется заново выбирать все изображения и вводить их параметры. Также к отрицательным последствиям может привести и низкая скорость доступа к интернету. Поэтому за один раз стоит добавлять не более 3-5 изображений.

Расположение изображений на странице

Есть два варианта манипуляции расположением изображений на странице. Первый способ более простой и заключается в постепенном добавлении изображений и текста на страницу. Второй способ предназначен для для более опытных пользователей, знакомых с основами HTML, и этот способ связан с манипулированием непосредственно кодом HTML. Поэтому второй способ мы упустим и сосредоточимся на первом.

Код только что добавленного изображения будет выглядеть таким образом:
<img src="/exogens.ruen.images/knopka-dobavleniya-izobrazhenij.gif" width="498" height="34" alt="Кнопка добавления изображений" title="Кнопка добавления изображений" class="ruen_photo ruen_toleft">

Чтобы расположить изображения аккуратно и в нужном порядке, следует для начала продумать этот самый порядок и безотрывно ему следовать. Если вначале должно идти изображение, а потом текст, то это значит, что сначала надо добавить изображение, а уже потом добавлять текст. Все просто!

Единственный момент, который, возможно, будет понят не совсем верно. Если изображение включается в абзац текста слева или справа, как на этой странице изображение с панелью висит вверху справа, то вначале необходимо добавить изображение, и потом только приступать к тексту.

Узнайте больше о расположении изображений!

Удаление изображений

Чтобы удалить изображение со страницы, можно просто удалить его код (пример кода есть выше). Также, перемещая код по страницы можно перемещать и само изображение, только необходимо следить за целостностью кода, чтобы ненароком не разобрать код на несколько частей, которые, естественно, откажутся работать.
858 | 1 2017.12.14, 23:01
Информация на данной странице недостаточно понятна, не полна или содержит ошибки? Просто напишите нам об этом и мы все исправим.Напишите замечание!