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

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

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

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

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

Зміст

1 Завантаження файлів і зображень
2 Вставка зображення у текст статті
3 Налаштування розмірів зображення
4 Налаштування розміщення зображення відносно тексту
5 Галерея

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

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

Перед процедурою вставки зображення у текст статті його необхідно завантажити у Вікі-ЦДПУ:

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

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

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

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

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

Наприклад,  [[Файл: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\|центр]]	Розмістити зображення по центру сторінки.

Галерея

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

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

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

Виглядає:

Ілюстрації WIKI
Відкрита філософія
Гіпертекстова збірка документів

@@ Рядок 3: / Рядок 3: @@
 Формат зображень - 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> бажано але необов'язково ввести опис зображення, яке додається та натиснути кнопку '''Завантажити файл'''.
-[[Файл:довідка10.png]]
+[[Файл:дов_рис10.jpg|center|700px]]
 <center>Рис. 10. Завантаження файла</center>
 ==Вставка зображення у текст статті==
 Завантажене зображення добавляється в статтю досить просто:
-# Для цього необхідно  перейти на сторінку статі в режимі редагування.
+# Для цього необхідно  перейти на сторінку статі.
-# Натиснути кнопку [[Файл:Кнопка вставка зображення.png]], яка належить до засобів візуального редагування. Після цього на сторінці з’явиться рядок вставки зображення <code><nowiki>[[Файл:Example.jpg|міні]]</nowiki></code>.
+# У режимі редагування натиснути кнопку [[Файл:Кнопка вставка зображення.png]] (Вкладений файл).
+# На сторінці з’явиться рядок вставки зображення <code><nowiki>[[Файл:Example.jpg|міні]]</nowiki></code>.
 # Необхідно замість  слів '''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>
 | Розміщує зображення у рамці з описом. Використовує оригінальний розмір і нехтує параметром ширини.
@@ Рядок 50: / Рядок 52: @@
 | Показує 1пкс межу навколо зображення.
 |-
-| thumbnail<br />thumb<br />міні
+| thumb<br />міні
 | <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 />''ширина'' пкс
@@ Рядок 65: / Рядок 63: @@
 | <nowiki>[[Файл:Photo 1.jpg|100x200px]]</nowiki>
 | Зображення масштабується до не більше ''ширина'' завширшки та не більше ''висота'' заввишки, при чому зображення масштабується так, щоб зберегти відношення між сторонами.
-|}{{-}}
+|}
 ==Налаштування розміщення зображення відносно тексту==
@@ Рядок 76: / Рядок 74: @@
 | right<br />праворуч
 | <nowiki>[[Файл:Photo 1.jpg|праворуч]]</nowiki>
-| Розмістити зображення справа сторінки.
+| Розмістити зображення біля правого краю сторінки.
 |-
 | <nowiki>left</nowiki><br /><nowiki>ліворуч</nowiki>
 | <nowiki>[[Файл:Photo 1.jpg|ліворуч]]</nowiki>
-| Розмістити зображення зліва сторінки.
+| Розмістити зображення біля лівого краю сторінки.
 |-
 | <nowiki>none</nowiki><br /><nowiki>без</nowiki>
@@ Рядок 86: / Рядок 84: @@
 | Явно заявляє, що зображення не повинне зміщуватися.
 |-
-| center<br />centre<br />центр
+| center<br />центр
 | <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

Зміст

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

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

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

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

Галерея

Навігаційне меню

Перегляди

Особисті інструменти

Навігація

Пошук

Інструменти

портфоліо