Відмінності між версіями «Добавляння зображень (Довідка)»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(Створена сторінка: ==Добавляння зображень== <i><b><font color="#660066" size="2">Увага! Н...)
 
 
(не показані 26 проміжних версій 3 учасників)
Рядок 1: Рядок 1:
−
==[[Добавляння зображень (Довідка)|Добавляння зображень]]==
 
−
 
 
<i><b><font color="#660066"  size="2">Увага! Не перевантажуйте статті зображеннями. </font></b></i>
 
<i><b><font color="#660066"  size="2">Увага! Не перевантажуйте статті зображеннями. </font></b></i>
  
 
Формат зображень - jpg або png. ( Дозволені типи файлів: png, gif, jpg, jpeg, ppt, ogg, mp3, pdf, doc, rar, zip.) Для фотографій використовуйте формат jpg, для малюнків та схем - формат png. Розміри зменшеної копії зображення не повинні перевищувати 5 Мб.  
 
Формат зображень - jpg або png. ( Дозволені типи файлів: png, gif, jpg, jpeg, ppt, ogg, mp3, pdf, doc, rar, zip.) Для фотографій використовуйте формат jpg, для малюнків та схем - формат png. Розміри зменшеної копії зображення не повинні перевищувати 5 Мб.  
  
−
Зображення може розмістити тільки зареєстрований учасник. Спочатку файл потрібно завантажити у Вікі-КДПУ.  
+
Зображення може розмістити тільки зареєстрований учасник. Спочатку файл потрібно завантажити у Вікі-ЦДПУ.  
  
−
===Завантаження зображень===
+
==Завантаження файлів і зображень==
−
Перед процедурою вставки зображення необхідно завантажити:
+
'''Примітка!''' Ідентифікація зображень та файлів у MediaWiki здійснюється за їхнім іменем. Тому, бажано перед завантаженням файлу у Вікі-ЦДПУ надати йому таке ім’я, що було б унікальним, лаконічним та відображало б його зміст.
  
−
# Для завантаження зображення використовується команда '''Завантажити файл''', яка розміщена в лівій частині робочого вікна на панелі <code>інструменти</code>. Після цих дій відкриється діалогове вікно (рис.10).   
+
Перед процедурою вставки зображення у текст статті його необхідно завантажити у '''Вікі-ЦДПУ''':
−
# Для знаходження потрібного зображення натисніть кнопку <code>Выберите файл</code>. У наступному вікні оберіть потрібний файл.   
+
 
 +
# Для завантаження зображення використовується команда '''Завантажити файл''', яка розміщена в лівій частині робочого вікна на панелі <code>інструменти</code>. Після цих дій відкриється спеціальна сторінка (рис.10).   
 +
# Для знаходження потрібного зображення натисніть кнопку <code>Выберите файл</code> або <code>Обзор</code>. У наступному вікні оберіть потрібний файл.   
 
# На сторінці завантаження файлу автоматично пропишеться шлях до вибраного зображення та його ім’я.   
 
# На сторінці завантаження файлу автоматично пропишеться шлях до вибраного зображення та його ім’я.   
 
# У полі <code>Опис файлу</code> бажано але необов'язково ввести опис зображення, яке додається та натиснути кнопку '''Завантажити файл'''.  
 
# У полі <code>Опис файлу</code> бажано але необов'язково ввести опис зображення, яке додається та натиснути кнопку '''Завантажити файл'''.  
  
−
[[Файл:довідка10.png]]
+
[[Файл:дов_рис10.jpg|center|700px]]
  
  
 
<center>Рис. 10. Завантаження файла</center>
 
<center>Рис. 10. Завантаження файла</center>
  
−
 
+
==Вставка зображення у текст статті==
−
===Вставка зображення у текст статті===
+
  
 
Завантажене зображення добавляється в статтю досить просто:
 
Завантажене зображення добавляється в статтю досить просто:
−
# Для цього необхідно  перейти на сторінку статі в режимі редагування.
+
# Для цього необхідно  перейти на сторінку статі.
−
# Натиснути кнопку [[Файл:Кнопка вставка зображення.png]], яка належить до засобів візуального редагування. Після цього на сторінці з’явиться рядок вставки зображення <code><nowiki>[[Файл:Example.jpg|міні]]</nowiki></code>.
+
# У режимі редагування натиснути кнопку [[Файл:Кнопка вставка зображення.png]] (Вкладений файл).
 +
# На сторінці з’явиться рядок вставки зображення <code><nowiki>[[Файл:Example.jpg|міні]]</nowiki></code>.
 
# Необхідно замість  слів '''Example.jpg''' написати (або вставити скопійоване) ім’я зображення, що завантажили раніше.
 
# Необхідно замість  слів '''Example.jpg''' написати (або вставити скопійоване) ім’я зображення, що завантажили раніше.
 
# Натиснути кнопку "Зберегти сторінку" або "Опублікувати".
 
# Натиснути кнопку "Зберегти сторінку" або "Опублікувати".
Рядок 33: Рядок 33:
 
До зображень  можна додавати альтернативний текст:
 
До зображень  можна додавати альтернативний текст:
  
−
<nowiki>[[Файл:Photo 1.jpg|міні|центр|300пкс|КДПУ]]</nowiki>
+
<nowiki>[[Файл:Photo 1.jpg|міні|центр|300пкс|ЦДПУ]]</nowiki>
  
−
[[Файл:Photo 1.jpg|міні|центр|300пкс|КДПУ]]
+
[[Файл:Photo 1.jpg|міні|центр|300пкс|ЦДПУ]]
  
−
=== Розмір ===
+
==Налаштування розмірів зображення==
−
{| class="wikitable" border="2" cellpadding="4" cellspacing="0"  
+
 
 +
{| class="wikitable" border="2" cellpadding="4" cellspacing="0" width="100%"
 
! Слово  
 
! Слово  
 
! Використання  
 
! Використання  
 
! Пояснення
 
! Пояснення
 
|-
 
|-
−
| framed<br />frame<br />enframed<br />обрамити<br />рамка
+
| frame<br />рамка
−
| <nowiki>[[Зображення:Mediawiki.png|рамка]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|рамка]]</nowiki>
 
| Розміщує зображення у рамці з описом. Використовує оригінальний розмір і нехтує параметром ширини.
 
| Розміщує зображення у рамці з описом. Використовує оригінальний розмір і нехтує параметром ширини.
 
|-
 
|-
 
| border<br />межа
 
| border<br />межа
−
| <nowiki>[[Зображення:Mediawiki.png|межа]]</nowiki>
+
| <nowiki>[[Зображення:Photo 1.jpg|межа]]</nowiki>
 
| Показує 1пкс межу навколо зображення.
 
| Показує 1пкс межу навколо зображення.
 
|-
 
|-
−
| thumbnail<br />thumb<br />міні
+
| thumb<br />міні
−
| <nowiki>[[Зображення:Mediawiki.png|міні]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|міні]]</nowiki>
−
| Міняє розмір зображення відповідно до налаштувань користувача або до заданого параметру (гляньте нижче).
+
| Міняє розмір зображення відповідно до налаштувань користувача або до заданого параметру.
−
|-
+
−
| thumb=''xyz''<br />міні=''xyz''
+
−
| <nowiki>[[Зображення:Mediawiki.png|міні=Wiki.png]]</nowiki>
+
−
| Manualthumb: instead of displaying an automatically-sized thumbnail for <var>Mediawiki.png</var>, display the image <var>Wiki.png</var>.
+
 
|-
 
|-
 
| ''ширина'' px<br />''ширина'' пкс
 
| ''ширина'' px<br />''ширина'' пкс
−
| <nowiki>[[Зображення:Mediawiki.png|40пкс]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|40пкс]]</nowiki>
 
| Зображення масштабується до заданої ширини.
 
| Зображення масштабується до заданої ширини.
 
|-valign="top"
 
|-valign="top"
 
| ''ширина''&nbsp;x&nbsp;''висота''пкс
 
| ''ширина''&nbsp;x&nbsp;''висота''пкс
−
| <nowiki>[[Зображення:Mediawiki.png|100x200px]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|100x200px]]</nowiki>
 
| Зображення масштабується до не більше ''ширина'' завширшки та не більше ''висота'' заввишки, при чому зображення масштабується так, щоб зберегти відношення між сторонами.  
 
| Зображення масштабується до не більше ''ширина'' завширшки та не більше ''висота'' заввишки, при чому зображення масштабується так, щоб зберегти відношення між сторонами.  
−
|}{{-}}
+
|}
  
−
Позиція
+
==Налаштування розміщення зображення відносно тексту==
  
 
{| class="wikitable" border="2" cellpadding="4" cellspacing="0" width="100%"
 
{| class="wikitable" border="2" cellpadding="4" cellspacing="0" width="100%"
Рядок 76: Рядок 73:
 
|-
 
|-
 
| right<br />праворуч
 
| right<br />праворуч
−
| <nowiki>[[Зображення:Mediawiki.png|праворуч]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|праворуч]]</nowiki>
−
| Розмістити зображення справа сторінки.
+
| Розмістити зображення біля правого краю сторінки.
 
|-
 
|-
 
| <nowiki>left</nowiki><br /><nowiki>ліворуч</nowiki>
 
| <nowiki>left</nowiki><br /><nowiki>ліворуч</nowiki>
−
| <nowiki>[[Зображення:Mediawiki.png|ліворуч]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|ліворуч]]</nowiki>
−
| Розмістити зображення зліва сторінки.
+
| Розмістити зображення біля лівого краю сторінки.
 
|-
 
|-
 
| <nowiki>none</nowiki><br /><nowiki>без</nowiki>
 
| <nowiki>none</nowiki><br /><nowiki>без</nowiki>
−
| <nowiki>[[Зображення:Mediawiki.png|без]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|без]]</nowiki>
 
| Явно заявляє, що зображення не повинне зміщуватися.
 
| Явно заявляє, що зображення не повинне зміщуватися.
 
|-
 
|-
−
| center<br />centre<br />центр
+
| center<br />центр
−
| <nowiki>[[Зображення:Mediawiki.png|центр]]</nowiki>
+
| <nowiki>[[Файл:Photo 1.jpg|центр]]</nowiki>
 
| Розмістити зображення по центру сторінки.  
 
| Розмістити зображення по центру сторінки.  
−
|}{{-}}
+
|}
 +
 
 +
==Галерея==
 +
Перед процедурою вставки зображення необхідно [[Добавляння зображень (Довідка)#Завантаження файлів і зображень|завантажити]].
 +
 
 +
Для створення галерей зображень використовується кнопка на панелі інструментів [[Файл:Кнопка галерея.png]] "Вставити галерею". До тексту статті добавляється новий тег:
 +
 
 +
<pre>
 +
<gallery>
 +
Файл:Example.jpg|Опис1
 +
Файл:Example.jpg|Опис2
 +
</gallery>
 +
</pre>
 +
 
 +
Замість <code>Example.jpg</code> вписуємо імена зображень, які повинні відображатися у галереї та текст-опис до малюнків. Наприклад,
 +
 
 +
<pre>
 +
<gallery>
 +
Файл:Зображення wiki wiki1.jpeg
 +
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
 +
Файл:Зображення wiki wiki3.jpeg
 +
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
 +
</gallery>
 +
</pre>
 +
 
 +
На екрані галерея буде мати вигляд:
 +
 
 +
<gallery>
 +
Файл:Зображення wiki wiki1.jpeg
 +
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
 +
Файл:Зображення wiki wiki3.jpeg
 +
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
 +
</gallery>
 +
 
 +
 
 +
Додаткові параметри для галереї:
 +
*caption= Назва галереї
 +
*widths= вказує ширину малюнків (за замовченням - 120px)
 +
*heights= вказує висоту малюнків
 +
*perrow= вказує максимальну кількість зображень у рядку (якщо опущено - підбирається автоматично в залежності від розміру зображень)
 +
 
 +
Наприклад,
 +
 
 +
<pre><gallery caption="Ілюстрації WIKI" widths="180px" heights="120px" perrow="3">
 +
Файл:Зображення wiki wiki1.jpeg
 +
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
 +
Файл:Зображення wiki wiki3.jpeg
 +
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
 +
</gallery></pre>
 +
 
 +
Виглядає:
 +
<gallery caption="Ілюстрації WIKI" widths="180px" heights="120px" perrow="3">
 +
Файл:Зображення wiki wiki1.jpeg
 +
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
 +
Файл:Зображення wiki wiki3.jpeg
 +
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
 +
</gallery>
 +
 
 +
 
 +
[[Категорія:Довідка Вікі-КДПУ]]

Поточна версія на 08:16, 16 жовтня 2019

Увага! Не перевантажуйте статті зображеннями.

Формат зображень - jpg або png. ( Дозволені типи файлів: png, gif, jpg, jpeg, ppt, ogg, mp3, pdf, doc, rar, zip.) Для фотографій використовуйте формат jpg, для малюнків та схем - формат png. Розміри зменшеної копії зображення не повинні перевищувати 5 Мб.

Зображення може розмістити тільки зареєстрований учасник. Спочатку файл потрібно завантажити у Вікі-ЦДПУ.

Завантаження файлів і зображень

Примітка! Ідентифікація зображень та файлів у MediaWiki здійснюється за їхнім іменем. Тому, бажано перед завантаженням файлу у Вікі-ЦДПУ надати йому таке ім’я, що було б унікальним, лаконічним та відображало б його зміст. 

Перед процедурою вставки зображення у текст статті його необхідно завантажити у Вікі-ЦДПУ:
  1. Для завантаження зображення використовується команда Завантажити файл, яка розміщена в лівій частині робочого вікна на панелі інструменти. Після цих дій відкриється спеціальна сторінка (рис.10).
  2. Для знаходження потрібного зображення натисніть кнопку Выберите файл або Обзор. У наступному вікні оберіть потрібний файл.
  3. На сторінці завантаження файлу автоматично пропишеться шлях до вибраного зображення та його ім’я.
  4. У полі Опис файлу бажано але необов'язково ввести опис зображення, яке додається та натиснути кнопку Завантажити файл.
Дов рис10.jpg


Рис. 10. Завантаження файла

Вставка зображення у текст статті

Завантажене зображення добавляється в статтю досить просто:

  1. Для цього необхідно перейти на сторінку статі.
  2. У режимі редагування натиснути кнопку Кнопка вставка зображення.png (Вкладений файл).
  3. На сторінці з’явиться рядок вставки зображення [[Файл:Example.jpg|міні]].
  4. Необхідно замість слів Example.jpg написати (або вставити скопійоване) ім’я зображення, що завантажили раніше.
  5. Натиснути кнопку "Зберегти сторінку" або "Опублікувати". 
Наприклад,  [[Файл:Photo 1.jpg]]

До зображень можна додавати альтернативний текст:

[[Файл:Photo 1.jpg|міні|центр|300пкс|ЦДПУ]]

ЦДПУ

Налаштування розмірів зображення

Слово Використання Пояснення
frame
рамка 		[[Файл:Photo 1.jpg|рамка]] Розміщує зображення у рамці з описом. Використовує оригінальний розмір і нехтує параметром ширини.
border
межа 		[[Зображення:Photo 1.jpg|межа]] Показує 1пкс межу навколо зображення.
thumb
міні 		[[Файл:Photo 1.jpg|міні]] Міняє розмір зображення відповідно до налаштувань користувача або до заданого параметру.
ширина px
ширина пкс 		[[Файл:Photo 1.jpg|40пкс]] Зображення масштабується до заданої ширини.
ширина x висотапкс [[Файл:Photo 1.jpg|100x200px]] Зображення масштабується до не більше ширина завширшки та не більше висота заввишки, при чому зображення масштабується так, щоб зберегти відношення між сторонами.

Налаштування розміщення зображення відносно тексту

Слово Використання Пояснення
right
праворуч 		[[Файл:Photo 1.jpg|праворуч]] Розмістити зображення біля правого краю сторінки.
left
ліворуч 		[[Файл:Photo 1.jpg|ліворуч]] Розмістити зображення біля лівого краю сторінки.
none
без 		[[Файл:Photo 1.jpg|без]] Явно заявляє, що зображення не повинне зміщуватися.
center
центр 		[[Файл:Photo 1.jpg|центр]] Розмістити зображення по центру сторінки.

Галерея

Перед процедурою вставки зображення необхідно завантажити.

Для створення галерей зображень використовується кнопка на панелі інструментів Кнопка галерея.png "Вставити галерею". До тексту статті добавляється новий тег: 

<gallery>
Файл:Example.jpg|Опис1
Файл:Example.jpg|Опис2
</gallery>

Замість Example.jpg вписуємо імена зображень, які повинні відображатися у галереї та текст-опис до малюнків. Наприклад, 

<gallery>
Файл:Зображення wiki wiki1.jpeg
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
Файл:Зображення wiki wiki3.jpeg
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
</gallery>

На екрані галерея буде мати вигляд:

  • Зображення wiki wiki1.jpeg

  • Відкрита філософія

  • Зображення wiki wiki3.jpeg

  • Гіпертекстова збірка документів


Додаткові параметри для галереї:

  • caption= Назва галереї
  • widths= вказує ширину малюнків (за замовченням - 120px)
  • heights= вказує висоту малюнків
  • perrow= вказує максимальну кількість зображень у рядку (якщо опущено - підбирається автоматично в залежності від розміру зображень)

Наприклад, 

<gallery caption="Ілюстрації WIKI" widths="180px" heights="120px" perrow="3">
Файл:Зображення wiki wiki1.jpeg
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
Файл:Зображення wiki wiki3.jpeg
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
</gallery>

Виглядає:

  • Ілюстрації WIKI
  • Зображення wiki wiki1.jpeg

  • Відкрита філософія

  • Зображення wiki wiki3.jpeg

  • Гіпертекстова збірка документів

Отримано з https://wiki.cusu.edu.ua/index.php?title=Добавляння_зображень_(Довідка)&oldid=357742