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

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
 
(не показані 20 проміжних версій 3 учасників)
Рядок 3: Рядок 3:
 
Формат зображень - 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''' написати (або вставити скопійоване) ім’я зображення, що завантажили раніше.
 
# Натиснути кнопку "Зберегти сторінку" або "Опублікувати".
 
# Натиснути кнопку "Зберегти сторінку" або "Опублікувати".
Рядок 31: Рядок 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>[[Файл:Photo 1.jpg|рамка]]</nowiki>
 
| <nowiki>[[Файл:Photo 1.jpg|рамка]]</nowiki>
 
| Розміщує зображення у рамці з описом. Використовує оригінальний розмір і нехтує параметром ширини.
 
| Розміщує зображення у рамці з описом. Використовує оригінальний розмір і нехтує параметром ширини.
Рядок 50: Рядок 52:
 
| Показує 1пкс межу навколо зображення.
 
| Показує 1пкс межу навколо зображення.
 
|-
 
|-
| thumbnail<br />thumb<br />міні
+
| thumb<br />міні
 
| <nowiki>[[Файл:Photo 1.jpg|міні]]</nowiki>
 
| <nowiki>[[Файл:Photo 1.jpg|міні]]</nowiki>
| Міняє розмір зображення відповідно до налаштувань користувача або до заданого параметру (гляньте нижче).
+
| Міняє розмір зображення відповідно до налаштувань користувача або до заданого параметру.
|-
+
| thumb=''xyz''<br />міні=''xyz''
+
| <nowiki>[[Зображення:Photo 1.jpg|міні=Photo 1.jpg]]</nowiki>
+
| Manualthumb: instead of displaying an automatically-sized thumbnail for <var>Photo 1.jpg</var>, display the image <var>Photo 1.jpg</var>.
+
 
|-
 
|-
 
| ''ширина'' px<br />''ширина'' пкс
 
| ''ширина'' px<br />''ширина'' пкс
Рядок 76: Рядок 74:
 
| right<br />праворуч
 
| right<br />праворуч
 
| <nowiki>[[Файл:Photo 1.jpg|праворуч]]</nowiki>
 
| <nowiki>[[Файл:Photo 1.jpg|праворуч]]</nowiki>
| Розмістити зображення справа сторінки.
+
| Розмістити зображення біля правого краю сторінки.
 
|-
 
|-
 
| <nowiki>left</nowiki><br /><nowiki>ліворуч</nowiki>
 
| <nowiki>left</nowiki><br /><nowiki>ліворуч</nowiki>
 
| <nowiki>[[Файл:Photo 1.jpg|ліворуч]]</nowiki>
 
| <nowiki>[[Файл:Photo 1.jpg|ліворуч]]</nowiki>
| Розмістити зображення зліва сторінки.
+
| Розмістити зображення біля лівого краю сторінки.
 
|-
 
|-
 
| <nowiki>none</nowiki><br /><nowiki>без</nowiki>
 
| <nowiki>none</nowiki><br /><nowiki>без</nowiki>
Рядок 86: Рядок 84:
 
| Явно заявляє, що зображення не повинне зміщуватися.
 
| Явно заявляє, що зображення не повинне зміщуватися.
 
|-
 
|-
| center<br />centre<br />центр
+
| center<br />центр
 
| <nowiki>[[Файл:Photo 1.jpg|центр]]</nowiki>
 
| <nowiki>[[Файл:Photo 1.jpg|центр]]</nowiki>
 
| Розмістити зображення по центру сторінки.  
 
| Розмістити зображення по центру сторінки.  
Рядок 92: Рядок 90:
  
 
==Галерея==
 
==Галерея==
 +
Перед процедурою вставки зображення необхідно [[Добавляння зображень (Довідка)#Завантаження файлів і зображень|завантажити]].
 +
 +
Для створення галерей зображень використовується кнопка на панелі інструментів [[Файл:Кнопка галерея.png]] "Вставити галерею". До тексту статті добавляється новий тег:
 +
 +
<pre>
 +
<gallery>
 +
Файл:Example.jpg|Опис1
 +
Файл:Example.jpg|Опис2
 +
</gallery>
 +
</pre>
 +
 +
Замість <code>Example.jpg</code> вписуємо імена зображень, які повинні відображатися у галереї та текст-опис до малюнків. Наприклад,
  
Тег '''<nowiki><gallery></nowiki>''' використовується для створення галерей зображень. Певним недоліком тегу є неможливість підтримки альтернативного тексту, необхідного для осіб з порушеним зором. Для створення галереї з альтернативним текстом слід використовувати шаблон {{tl|Gallery}}.
 
== Синтаксис ==
 
;Код:
 
 
<pre>
 
<pre>
 
<gallery>
 
<gallery>
 
Файл:Зображення wiki wiki1.jpeg
 
Файл:Зображення wiki wiki1.jpeg
Файл:Зображення wiki wiki2.jpeg|
+
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
 
Файл:Зображення wiki wiki3.jpeg
 
Файл:Зображення wiki wiki3.jpeg
Файл:Зображення wiki wiki4.jpeg|
+
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
 
</gallery>
 
</gallery>
 
</pre>
 
</pre>
  
;Виглядає:
+
На екрані галерея буде мати вигляд:
<gallery>
+
 
 
<gallery>
 
<gallery>
 
Файл:Зображення wiki wiki1.jpeg
 
Файл:Зображення wiki wiki1.jpeg
Файл:Зображення wiki wiki2.jpeg
+
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
 
Файл:Зображення wiki wiki3.jpeg
 
Файл:Зображення wiki wiki3.jpeg
Файл:Зображення wiki wiki4.jpeg
+
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
 
</gallery>
 
</gallery>
  
==Розширений синтаксис==
+
 
Додаються параметри:
+
Додаткові параметри для галереї:
 
*caption= Назва галереї
 
*caption= Назва галереї
 
*widths= вказує ширину малюнків (за замовченням - 120px)
 
*widths= вказує ширину малюнків (за замовченням - 120px)
Рядок 121: Рядок 128:
 
*perrow= вказує максимальну кількість зображень у рядку (якщо опущено - підбирається автоматично в залежності від розміру зображень)
 
*perrow= вказує максимальну кількість зображень у рядку (якщо опущено - підбирається автоматично в залежності від розміру зображень)
  
;Код:
+
Наприклад,
<pre><gallery caption="Галерея логотипів" widths="180px" heights="120px" perrow="3">
+
 
Файл:Wikipedia-logo-uk-300k.png
+
<pre><gallery caption="Ілюстрації WIKI" widths="180px" heights="120px" perrow="3">
Файл:Wikipedia-logo-uk-300k.png|З підписом
+
Файл:Зображення wiki wiki1.jpeg
Файл:Wikipedia-logo-uk-300k.png
+
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
Файл:Wikipedia-logo-uk-300k.png|З [[Довідка:Посилання|Посиланням]].
+
Файл:Зображення wiki wiki3.jpeg
Файл:Wikipedia-logo-uk-300k.png
+
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
Файл:Wikipedia-logo-uk-300k.png|З підписом<br />і [[Довідка:Посилання|посиланням]] нижче&hellip;
+
 
</gallery></pre>
 
</gallery></pre>
  
;Виглядає:
+
Виглядає:
<gallery caption="Галерея логотипів" widths="180px" heights="120px" perrow="3">
+
<gallery caption="Ілюстрації WIKI" widths="180px" heights="120px" perrow="3">
Файл:Wikipedia-logo-uk-300k.png|Caption text.
+
Файл:Зображення wiki wiki1.jpeg
Файл:Wikipedia-logo-uk-300k.png
+
Файл:Зображення wiki wiki2.jpeg|Відкрита філософія
Файл:Wikipedia-logo-uk-300k.png|З підписом
+
Файл:Зображення wiki wiki3.jpeg
Файл:Wikipedia-logo-uk-300k.png
+
Файл:Зображення wiki wiki4.jpeg|Гіпертекстова збірка документів
Файл:Wikipedia-logo-uk-300k.png|З [[Довідка:Посилання|Посиланням]].
+
Файл:Wikipedia-logo-uk-300k.png
+
Файл:Wikipedia-logo-uk-300k.png|З підписом<br />і [[Довідка:Посилання|посиланням]] нижче&hellip;
+
 
</gallery>
 
</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>

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


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

  • 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>

Виглядає: