Оформлення текстів
0. Знайомство з редактором.
1. Не використовуйте в оформленні тексту одночасно кілька дизайнерських блоків.
УВАГА! Не використовуйте одночасно кілька стилів редактора для оформлення завдань — як при оформленні цього кольорового тексту.
Неправильно:
КАЛАЧ
В хаті гамір, шум і плач —
У Юрка пропав калач.
Мати нишпорить під ліжком,
Дід надворі — під горішком,
Старший братик із сестрою —
Під столом і під тахтою.
Тільки котик не шукає:
Де калач — він добре знає.
(Петро Сорока)
Скриншот з оформлення вебквесту:
Правильно:
КАЛАЧ
В хаті гамір, шум і плач —
У Юрка пропав калач.
Мати нишпорить під ліжком,
Дід надворі — під горішком,
Старший братик із сестрою —
Під столом і під тахтою.
Тільки котик не шукає:
Де калач — він добре знає.
(Петро Сорока)
2. Скорочувати довгі посилання, прибравши зайві символи.
Неправильно:
Правильно:
3. Вбудовуйте відео та ігри використовуючи iframe.
У редакторі, при оформленні текстів, є кнопка <code>, натисніть її та вставте свій код iframe відео чи гри.
Неправильно:
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZztmQsSAqfo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
Правильно:
Правильно:
4. Не використовуйте тексти у вигляді зображень.
Завдання вебквесту
Або:
Завдання вебквесту
Такі тексти погано читаються на телефоні і процес завантаження залежить від швидкості мобільного інтернету. Якщо поганий зір будь-які тексти на сайті можна збільшити використавши збільшення відображення екрана. Додаткова незручність таких текстів також полягає у їх неможливості швидко відредагувати, якщо стався друколяп.
5. Тексти документів мають бути зручними для редагування.
Неправильно:
Презентація з бібліотеки ММ була видалена
Подібні презентації неможливо відредагувати, тому їх не можна пропонувати для використання іншим освітянам. Ба більше, ця презентація була створена на основі відео, що категорично суперечить питанням доброчесності.
6. Не залишайте пустот в текстах.
Неправильно:
Завдання з вебквесту
7. Не використовуйте текстові блоки не за призначенням.
Неправильно:
Правильно:
Синтаксис HTML таблиці:
<table> <tr> <td>Комірка 1</td> <td>Комірка 2</td> <td>Комірка 3</td> </tr> <tr> <td>Комірка 4</td> <td>Комірка 5</td> <td>Комірка 6</td> </tr> </table>
8. Використовуйте вбудовані таблиці.
Таблиця: | ||
Комірка 1 | Комірка 2 | Комірка 3 |
Комірка 4 | Комірка 5 | Комірка 6 |
9. У відповідях до тестів чи вебквестів використовуйте зручні формати.
9.1. Регістр літер не вважається системою за помилку.
Ця відповідь підійде до кожного з пунктів, регістр не вважається за помилку
Будь-які зайві символи чи пробіли вже вважатимуться за помилку. Наприклад, відповідь слово «Сова». Дитина може написати з маленької літери «сова» й це не буде вважатися за помилку, а написання з крапкою чи лапками буде сприйматися як неправильна відповідь, наприклад «Сова.», «"Сова"». Тобто, альтернативні варіанти до слова «Сова» будуть: «сова.», «сова », ««сова»», «"сова"», «"сова".», «це сова.», «це сова» та інші.
9.2. Складні відповіді.
Приклад складних відповідей, де кілька слів або апостроф. Такі відповіді дуже складно правильно написати, тому не бажано використовувати у відповідях більше одного слова без зайвих символів.
Неправильно:
Відповідь з вебквесту
Відповідь з вебквесту
Відповідь з вебквесту
Правильно:
Відповідь з вебквесту
9.3 Використовуючи у відповідях два чи більше слів, додавайте пояснення до запитань.
Наприклад:
Запиши правильну відповідь цифрами. Розділові знаки ставити не потрібно.
10. Не допускайте одруківок.
Неправильно:
що з перерахованого належить до пристроїв виаедення інформації ?.
Навушники, миша, колонки, монітор, клавіатура, принтер, сканер, мікрофон
Правильно:
Що з перерахованого належить до пристроїв виведення інформації?
Навушники, миша, колонки, монітор, клавіатура, принтер, сканер, мікрофон.
11. Не підтримуйте російське.
Забороняється:
російська мова;
російські джерела інформації;
російська культура;
цитати російських класиків;
під заборону підпадають випадково написані слова з російськими літерами;
зрадники України також підпадають під заборону.
Виняток для росіянської мови може бути лише у контексті патріотичного виховання.
12. Обнуляйте всі запозичені стилі.
Буває, що ви копіюєте з документа World запозичені стилі: колір шрифту, колір фону, рамки чи таблиці. Спробуйте обнуляти зайві стилі використовуючи останню кнопку в редакторі «Очистити форматування».
13. Колір текстів має бути контрастний.
Неправильно:
Або пан, або пропав.
Або дома не бути, або волі здобути.
Шкурка вичинки не варта.
Правильно:
Ранок покаже, що вечір не скаже.
Як дбаєш, так і маєш.
Не мни слова, говори просто.
Оформлення зображень
1. Використовуйте зображення з офіційних сервісів.
Посилання на безплатні хостинги зображень: freepik.com.
Всеосвіта у своїй роботі використовує платний сервіс зображень: shutterstock.com.
2. Не використовуйте зображення з водяним знаком. Watermark (вотермарк).
Вотермарк (водяний знак) — це напис, який накладається на платне зображення з метою убезпечення його від крадіжки.
На порталі Всеосвіта водяний знак використовується в платних матеріалах.
Зображення з вотермарком
Зображення з вотермарком
3. Зображення з копірайтом.
Зазвичай зображеннями з копірайтом можна доповнювати безкоштовні статті чи особисті матеріали для особистого використання. Попередньо придбані зображення з копірайтом можна використовувати лише з дозволу автора.
Зображення з копірайтом від Євгена Клопотенка
Зображення з копірайтом від Всеосвіти
Зображення з копірайтом від rebus1.com
4. Безплатні розробки Всеосвіти.
Всеосвіта зазначає у своїх розробках дозвіл на їх комерційне чи некомерційне використання. Наприклад, стікери для вербального оцінювання від Всеосвіти можна використовувати в без оплатних тестах, вебквестах, уроках та при створенні дидактичних матеріалів.
5. Завантажуйте до своїх матеріалів тематичні зображення обкладинки.
Якщо ви хочете поділитися своїм матеріалом у соціальних мережах, найкраще підійде співвідношення зображення для шарінгу 16:9. Мінімально зручний розмір такого зображення для ФБ 1200х675 рх, або 42.3х23.8 см.
Приклад зображення для шарінгу 1200х675 у співвідношенні 16:9
6. Не використовуйте зображення поганої якості.
Розмиті зображення погано сприймаються, людина з поганим зором не може їх зрозуміти. Зазвичай зображення розмите, бо має маленький розмір, краще уникати таких картинок й не намагатися їх повторно використовувати.
Неправильно:
Правильно:
7. Не використовуйте проросійські зображення.
Ну пагаді, Маша і ведмідь, фіксики та інше. Будь-які зображення з російськими персонажами чи посиланнями на російські ресурси будуть блокуватися задля припинення розповсюдження російської культури.
8. Використовуйте обтікання.
У редакторі Всеосвіти, як і в редакторі документах World є можливість використовувати обтікання тексту відповідно до картинки. Текст може обтікати зліва або права відповідно до картинки. Такі дрібниці суттєво поліпшать якість ваших матеріалів. Так само можна розміщувати картинку по центру екрана, збільшувати чи зменшувати її по заданому розміру без втрати якості.
Неправильно:
Загальні поради
1. Не радьте платні сервіси.
Використання платних сервісів вимагає підписку, навіть якщо є пробна версія. Інформація про платну підписку надходитиме на вказану дитиною електронну пошту. Батьки будуть думати, що ви спеціально радите такі сервіси та підозрюватимуть вас у корупції.
Безплатні сервіси зазвичай містять рекламу, тож будьте обачні, аби дитина не переглядала рекламу казино чи комп'ютерних ігор.
Увага! На Всеосвіті відсутня реклама для учнів. На Всеосвіті діти безпечно проходять тестування, працюють над уроками, чи проходять вебквест, це запорука вашої безпеки.
2. Скриншот.
Інколи зручно використовувати скриншот для пояснення матеріалів. Рекомендую програму Monosnap. Або просто натискайте Shift+Win+S та робіть базовий знімок екрана.
3. Виправлення помилок.
Рекомендую розширення для Googl Chrome від languagetool. Цей сервіс дозволяє редагувати одруківки прямо в браузері, працюючи з текстами в будь-якому редакторі.
Коректор граматики та орфографії – LanguageTool
Приклад:
4. Використовуйте Emoji👌.
Що може бути цікавіше за анімовані Emoji?
Натхнення може статися з вами зненацька. Що тоді робити? Хапайте його і швиденько і робіть все, що воно вам говорить.
Детальна інструкція з рекомендаціями в роботі з матеріалами:
Матеріал підготовлено до вебінару: «Візуальне оформлення тестів, вебквестів та уроків: створюємо естетично привабливі завдання, які не шкодять дітям».
