Робота із зображеннями

Опишемо процес завантаження, видалення, зміни розміру, додавання опису та інші операції над зображеннями в OUR-CMS.

Зображення можуть зберігатися як на власному сервері, так і на інших ресурсах. Для показу зображення, розміщеного на іншому ресурсі, необхідно спочатку скопіювати посилання на цей медіафайл. Для цього потрібно викликати меню за допомогою правої кнопки миші та вибрати Копіювати адресу зображення:

Копіювати посилання на зображення

Або відкрити зображення у новій вкладці та в адресному рядку скопіювати посилання:

Відкрити зображення

Щоб вставити зображення на ваш сайт, необхідно натиснути на піктограму Вставити/редагувати зображення:

Вставити/редагувати зображення

Для відтворення зображення, розміщеного на іншому сервері, необхідно вставити скопійоване посилання в поле URL:

URL

Необхідно звернути увагу на поле Альтернативний текст. В даному полі записується короткий опис зображення.

Крім посилання на зображення та опису альтернативного тексту у властивостях зображення доступні такі опції:

  • Зміна ширини і висоти зображення.
  • Завдання бордюру.
  • Горизонтальний і вертикальний відступ.
  • Вирівнювання зображення щодо тексту.

В меню Вирівнювання зображення можна вирівнювати по лівому краю, абсолютно внизу або посередині, по базовій лінії, внизу, посередині, по правому краю або з текстом зверху.

Вирівнювання

Після налаштування необхідних полів натисніть OK і зображення з’явиться в змісті сторінки.

Примітка: Не слід використовувати зображення, розміщені на інших ресурсах, адже ваш сайт буде завантажувати ресурси з інших сайтів, що може привести до затримки або навіть до неможливості показу графічних форматів. Для цього слід завантажувати зображення на свій сервер.

Для завантаження зображення на власний сервер, необхідно натиснути Подивитися на сервері:

Подивитися на сервері

Перед вами відкриється файловий менеджер зображень:

Файловий менеджер зображень
  • Дерево каталогів.
  • Створення нового каталогу.
  • Видалення зображення.
  • Вибір зображення з локального комп’ютера.
  • Зміна ширини і висоти зображення.
  • Завантажити зображення.

Слід звернути особливу увагу на структуру каталогів, в яких будуть розміщені ваші зображення. Категорично не варто розміщувати всі зображення в одній директорії, що призведе до плутанини та збільшенню часу пошуку необхідного зображення.

Якщо на сайті є рубрика «Новини», то структуру зображень бажано розбити по роках і місяцях. При такій структурі ви з легкістю зможете знайти потрібне зображення, знаючи рік і місяць його додавання.

Примітка: Ніколи не потрібно завантажувати на сервер зображення з цифрових носіїв (фотоапарати) без зміни ширини і висоти зображення. Графічні файли з даних пристроїв зазвичай мають велике розширення і розмір, що створить проблеми для його перегляду при обмежених можливостях швидкості інтернету. Для завантаження зображень з цифрових носіїв графічні файли необхідно змінювати в ширині і висоті при завантаженні.

У полях ширини і висоти виставляється максимальна зі сторін. Тобто, якщо введете ширину 800 і висоту 600, то зображення не вийде за ці розміри за максимальною шириною або висотою. Для зміни розміру зображень позначте галочкою поле Змінити.

Для завантаження зображення на сервер натисніть Завантажити (Номер 6).

Для вставки зображення на сторінку сайту, необхідно натиснути на зображення, у властивостях вибрати налаштування і підтвердити кнопкою OK.

Подальше редагування зображення можливо двома способами:

  • Вибрати потрібне зображення і натиснути на значок Вставити/редагувати зображення.
  • Вибрати потрібне зображення, викликати меню за допомогою правої кнопки миші та вибрати Властивості зображення.
Властивості зображення

Розмір зображення можна змінювати візуально за допомогою миші. Для цього необхідно натиснути на краю зображення і змінити розмір:

Розмір зображення

Також слід пам’ятати, що можна розміщувати особисті або дозволені для використання зображення, щоб не порушувати авторські права на використання.