Користуючись Всеосвітою, ви додаєте свій контент через єдиний вбудований редактор. Навіть ця новина написана за допомогою редактора, про який далі піде мова. Сподіваємося, ця велика стаття надихне вас написати щось гарне у власному блозі.
Як виглядає редактор
Для прикладу ми обрали сторінку створення блогу.
Як виглядає редактор Всеосвіти
Перед початком запису перевірте, чи відкриті у вас всі налаштування редактора для роботи. Для цього натисніть на стрілку, як вказано нижче.
Редактор у закритому вигляді
Так виглядатиме редактор з усіма доступними функціями.
Редактор у відкритому вигляді
Крім цього, для зручності можна збільшити іконки інструментів. Це можна зробити, просто перетягнувши повзунок в інший бік.
Як збільшити іконки в редакторі
Такий вигляд матимуть збільшені кнопки в редакторі.
Як виглядатимуть збільшені кнопки редактора
Вигляд редактора зі всіма функціями.
Скасування та повтор дії
Часом при написанні тексту або додаванні інших матеріалів вчиняються різні помилкові дії. В таких випадках натискайте кнопку «Скасування дії» (стрілка ліворуч). Оберіть «Повтор дії» (стрілка праворуч), якщо навпаки хочете повернути скасовану дію.
Вирівнювання тексту
При оформленні тексту у своїх документах важливо дотримуватися його вирівнювання в одному стилі. Але бувають випадки, коли потрібно поставити текст в конкретному положенні. Нижче наводимо приклади, як можна вирівняти уривок з повісті (по лівому краю, центру, правому краю та розтягнути на всю ширину).
✅ Приклад: Найкращою рибою дід вважав линину. Він не ловив линів в озерах ні волоком, ні топчійкою, а якось неначе брав їх з води прямо руками, як китайський фокусник. Вони ніби самі пливли до його рук. Казали, що він знав таке слово.
✅ Приклад: Улітку дід частенько лежав на погребні ближче до сонця, особливо в полудень, коли сонце припікало так, що всі ми, і наш кіт, і собака, і кури ховалися під любисток, порічки чи в тютюн. Тоді йому була найбільша втіха...
✅ Приклад: Більше за все на світі любив сонце. Він прожив під сонцем майже сто літ, ніколи не ховаючись у холодок. Так під сонцем на погребні, коло яблуні, він і помер, коли прийшов його час.
✅ Приклад: Дід любив кашляти. Кашляв він часом так довго й гучно, що скільки ми не старалися, ніхто не міг його як слід передражнити. Його кашель чув увесь куток. Старі люди по дідовому кашлю вгадували навіть погоду.
Жирний текст
Ця кнопка призначена для виділення найголовнішого в дописах, повідомленнях, визначеннях тощо. Для цього (як і для наступних кнопок) слід виділити потрібний текст та натиснути на іконку.
✅ Приклад: До трискладових стоп належать дактиль (з першим наголошеним складом — ∪ ∪), амфібрахій (з другим наголошеним складом ∪ — ∪) та анапест (з наголосом на третьому складі ∪ ∪ — ).
Курсивний текст
Курсив також можна застосовувати при виділенні важливих фрагментів, рядків, цитат та ін.
✅ Приклад: За символікою барв і чисел, філософією життя вона наближається до фольклорної традиції: «Червоне — то любов, а чорне — то журба».
Перекреслений текст
Такий формат стане в пригоді, коли в тексті наявні певні заперечення, неточності або помилки і їх навмисне слід виділити.
✅ Приклад: Емоційний стан ліричної героїні спонукає до роздумів над суттю кохання, адже важко неможливо бути байдужим, коли бачиш свято природи, краси, любові, пристрасті, народжене інтимними й ніжними взаєминами між двома людьми.
Підкреслений текст
Ще один тип виділення головних фрагментів тексту.
✅ Приклад: Вірш «Крізь сотні сумнівів я йду до тебе…» належить до філософської лірики. Провідний мотив — віра особистості в себе, у подолання всіх життєвих перешкод.
Маркований список
Щоб структурувати інформацію для кращого її розуміння, засвоєння та запам’ятовування, варто використовувати режим списку. Для цього виділіть необхідний фрагмент тексту і натисніть на представлену кнопку.
✅ Приклад:
В. Підмогильного.
В. Домонтовича.
І. Багряного.
Т. Осьмачки.
В. Стуса.
У поезії представників Нью-Йоркської групи та ін.
Нумерований список
На відміну від попереднього виду нумерований список вказує на послідовність викладу інформації в тексті. Застосувати його можна таким же чином, як і попередній — виділивши текст й натиснувши на відповідну іконку в редакторі.
✅ Приклад:
Свобода особистості як найвища життєва цінність.
Пошуки людиною себе та свого призначення.
Вибір, боротьба за власну незалежність.
Моральна відповідальність за скоєне зло у світі.
Відстоювання духовних цінностей особистості.
Упевненість у подоланні життєвих перешкод.
Віра особистості у свої сили.
Цитата
Для оформлення цитати у своєму дописі пропонуємо скористатись спеціальною для цього кнопкою, але при цьому важливо, щоб при натисканні курсор знаходився посеред цитованого матеріалу. Пам'ятайте, цитату потрібно оформлювати додатково курсивом, а підпис без.
✅ Приклад:
Я — навіжена. Я — дитя любові. Мені без неї білий світ глевкий. — Маруся Чурай
Нижній та верхній індекси
Ці іконки застосовуються частіше за все в математиці, фізиці, хімії при позначеннях, в формулах, прикладах тощо. Щоб скористатися цією функцією, достатньо виділити необхідні цифри чи літери й обрати потрібний індекс.
✅ Приклад: хімічна формула хлорат калію (KClO3); об’єм (м3).
Зображення
Якщо ви хочете зробити свій блог більш цікавим та привабливим, радимо використовувати функцію додачі зображень в редакторі. Для цього натисніть на кнопку та оберіть необхідну картинку або фото. Важливо, щоб всі зображення були однакового розміру, гарної якості та без водяних знаків.
Також варто звернути увагу на параметри функції, клацнувши двічі по картинці. Таким чином ви зможете виставити потрібні розміри та обрати вирівнювання по центру або обтікання текстом.
Параметри зображень
✅ Приклад: Вишита сорочка — ніби часточка маминої душі, тому ліричний герой проніс її через усе життя як оберіг від злих сил, як спогад про рідний дім, стежку й дитинство.
Вірш «Два кольори» був покладений на музику О. Білашем і став народною піснею. За своїм колоритом і національною символікою він споріднений з «Піснею про рушник» А. Малишка.
Якщо є потреба додати масштабне фото гарної якості, слід скинути пропорції в параметрах.
Як скинути пропорції зображення
✅ Приклад:
Також при необхідності є можливість додати підпис до картин, схем, малюнків та інших видів зображень.
Як зробити підпис до зображення
✅ Приклад:
А. Горська, Л. Семикіна, Г. Севрук, О. Заливаха, Г. Зубченко. Вітраж «Шевченко. Мати». 1964 р.
Аудіо
Щоб прикріпити аудіофайл до вашого матеріалу, слід натиснути в редакторі на іконку, що зображена ліворуч, та обрати запис на вашому ПК. Після цього буде додано плеєр з визначеним записом.
✅ Приклад: Автор (Остап Вишня) доповнює цю картину буянням зелені й пташиного торжества, голосами дівчаток з народними піснями «Човник», «Тихо-тихо», «Тихенький вечір на землю спадає», «Тихо, тихо Дунай воду несе» та ін.
Файл
Якщо є необхідність прикріпити допоміжний файл до матеріалу, потрібно просто натиснути на відповідну кнопку і обрати документ на вашому комп’ютері.
✅ Приклад: Випишіть терміни та їх значення з теми «Українська література на початку 60-х років XX ст.», скориставшись Словником-довідником літературознавчих термінів.
Посилання
Натиснувши на таку іконку, ви зможете додати до статті будь-яке посилання на джерело, яке вже є в інтернеті.
✅ Приклад: Прочитайте поезію Ю. Андруховича та зробіть короткий огляд на декілька віршів.
Повідомлення
Дана кнопка використовується в тому випадку, коли потрібно додати повідомлення до виділеного тексту.
✅ Приклад: Остап Вишня народився 13 листопада 1889 р. на хуторі Чечва, неподалік містечка Грунь (нині Охтирський район, Сумська область).
При наведенні курсором на позначений фрагмент він буде відображатися наступним чином.
Який вигляд має повідомлення при наведенні
Код
Зробіть вашу роботу більш наповненою та сучасною, спробуйте вбудувати в допис відео, презентацію або гру. Для цього натисніть на вказану іконку в редакторі.
Як додати код
Після цього відкриється вікно з полем, куди потрібно додати код матеріалу.
Поле для коду
Наприклад, код для відео можна зазвичай отримати на сторінці, де знаходиться медіа, в розділі «Поділитися».
Як знайти код
Додавши скопійований код в поле, ви отримаєте відео в вашому матеріалі.
Поле з кодом
✅ Приклад: Перегляньте документальний фільм «Розстріляне відродження. Микола Куліш» (7 хв 21 с) і дайте відповіді на запитання. Коли М. Куліш почав критикувати радянську владу? За яких обставин письменника заарештували? Розкажіть про любовні колізії в житті М. Куліша. На що проливає світло нещодавно знайдений лист, написаний співкамерником М. Куліша?
✅ Приклад: Ознайомтеся з цікавими фактами про життя та діяльність Валер’яна Підмогильного.
✅ Приклад: Зберіть зображення і дізнайтеся, що або кого згадує в своєму творі І. Драч.
Тест
Якщо після викладення матеріалу вам необхідно буде провести опитування чи запропонувати завдання, оберіть функцію тестування в редакторі.
Як додати тест
При натисканні з’явиться вікно, в якому можна буде обрати вже готовий тест з власної бібліотеки або створити новий.
Як додати тест
Як створити новий тест, детально описано в нашому матеріалі.
✅ Приклад:
Формули
Завдяки редактору Всеосвіти ви маєте можливість вписувати математичні, фізичні або хімічні формули одразу в текст. Лише натисніть на кнопку з відповідною позначкою, щоб додати іконку клавіатури, після чого вам відкриється допоміжна панель з символами.
Як виглядає клавіатура для формул
✅ Приклад:
Формула площі трикутника за стороною та висотою
Формула площі трикутника за трьома сторонами (формула Герона)
Виділення кольорами
Позначайте текст різними кольорами, коли є необхідність виокремити головні фрагменти.
✅ Приклад: Для виготовлення скрипки традиційно використовують смереку або явір. Щоб інструмент вийшов якісним, явір повинен бути хвилястим. У народі кажуть: щоб скрипка жила сторіччя, явір має рости на сонці. Якщо на ньому співають пташки, то він годиться на скрипку. А смереку треба брати ту, у яку влучила блискавка.
Текст у вигляді коду
Ця функція стане в пригоді вчителям інформатики та іншим користувачам, які працюють з кодами. Такий формат дасть можливість виокремити запис від іншого тексту. Для цього потрібно помістити курсор на початок рядка і натиснути на іконку.
✅ Приклад: Запис HTML-коду таблиці для вебсторінки
<table border="1">
<tr>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="2">1</td>
</tr>
</table>
Горизонтальна лінія та відступ
Щоб відокремити блоки один від одного, використовуйте кнопки, які зображені ліворуч.
✅ Приклад:
Авангард (фр. avant — спереду й garde — передовий загін) — літературний напрям, що характеризується радикальним новаторством і схильністю до експериментів. Головна мета — очищення шляху для нового, що має прийти в мистецтво.
✅ Приклад:
Роман «Чотири шаблі» (1930) присвячений національній революції — проблемам, що поставали через жорстке протистояння різних політичних сил. Усюди формувалися бойові загони, щоб захистити революцію. Свій загін (чи навіть армію!) вирішили створити четверо друзів: Шахай, Остюк, Галат і Марченко.
Роман «Вершники» (1935) складається з восьми новел. Його написано вже з урахуванням панівної ідеології. По суті, цей твір — данина своєму часові, спроба виправдатися перед владою за «націоналістичні» «Чотири шаблі». І хоча роман у новелах «Вершники» — зразок соцреалізму, проте він має художню цінність.
Колір тексту
Часто виникає необхідність у тому, щоб додати яскраві акценти в текстовий фрагмент. Для цього достатньо виділити окрему частину та обрати потрібний колір в палітрі.
Палітра кольорів редактора
✅ Приклад: Вірш «Напис на книзі віршів» — це ліричний роздум про призначення поезії, важливість місії поета закарбувати свій час для нащадків.
Колір фону
Фон тексту також можна зробити кольоровим, повторивши вищевказані дії.
Палітра кольорів редактора
✅ Приклад:
Лесь Курбас (Олександр-Зенон Курбас) (1887—1937) — український режисер, актор, теоретик театру, перекладач. Народився в м. Самборі, що неподалік Львова, у родині акторів галицького театру. Навчався в Тернопільській гімназії, Віденському та Львівському університетах. Заснував політичний, а потім філософський театр в Україні. Був сміливим експериментатором, поєднував класичні здобутки українського театру з європейськими модерністськими винаходами. Вершина творчих здобутків Л. Курбаса позначена співпрацею з драматургом М. Кулішем і художником В. Меллером. 1933 р. Л. Курбаса було заарештовано, 1937 р. розстріляно в урочищі Сандармох (Карелія). Посмертно реабілітований 1957 р.
Таблиця
Вбудовуйте таблиці у свої дописи для впорядкування даних у матеріалах.
Щоб додати таблицю, натисніть на позначену іконку.
Як додати таблицю
Після чого з’явиться таблиця і додаткові функції (додати/видалити таблицю, додати колонку позаду/попереду, видалити колонку, додати рядок згори/знизу, видалити рядок, об’єднати/роз’єднати комірки).
Функції таблиці
Для оформлення шапки в таблицях використовуйте жирний текст.
Як виділити текст жирним
Для заповнення таблиці додавайте рядки згори або знизу, як вказано нижче.
Як додати рядок в таблиці
При необхідності можна додати колонку ліворуч або праворуч.
Як додати колонку в таблиці
✅ Приклад:
Назва | Роки діяльності | Особливості |
«Аспанфут» | (1921—1924) | У своїй програмі прогнозували швидке відмирання мистецтва через його традиційність, пропагували створення «метамистецтва» — поєднання поезії, живопису, скульптури, архітектури й кіно. |
«Плуг» | (1922—1932) | Дотримувалися традицій реалізму, зображували життя тодішнього села в дусі партійних вимог. |
«Гарт» | (1923—1925) | Пропагували поширення комуністичної ідеології, мова творів мала бути українською. |
ВАПЛІТЕ | (1926—1928) | Учасники дбали про престиж української літератури, підтримуючи насамперед талант і новаторство, професійну майстерність. |
Щоб об’єднати комірки, виділіть потрібні по черзі та натисніть на кнопку, що вказана нижче.
Як об’єднати комірки в таблиці
Після цього таблиця матиме такий вигляд.
Як виглядають об’єднані комірки
Якщо ви хочете виділити інформацію в таблицях, скористайтесь кольоровим текстом або фоном, про які згадувалося вище. Для цього виділіть необхідні комірки та оберіть кольори з палітри.
Як зробити кольорову комірку
✅ Приклад:
Представники українського живопису | Основні риси | |
Авангардизм | Футуристи | Культивування урбаністичних мотивів, поклоніння технічним винаходам. |
Кубісти | Здійснили найбільшу революцію, зображаючи дійсність за допомогою геометричних форм. | |
Абстракціоністи | Відмовились від ілюзорно-предметного зображення дійсності, використавши кольорові плями, геометричні фігури, лінії та інші засоби. | |
Сюрреалісти | Сполучали майже фотографічну натуралістичність мазка з фантастичністю, поєднували несумісне. | |
Конструктивісти | Твори характеризувалися суворістю, геометризмом, лаконічністю форм і зовнішньою монолітністю. | |
Імпресіонізм | Відображення витончених вражень та спостережень миттєвих відчуттів і переживань, природи, спроби відтворити мінливі ефекти світла. |
Заголовок
Для виділення заголовків у статтях, новинах та ін. матеріалах найчастіше використовують Заголовок 2 та Заголовок 5, але все залежить від характеру та теми повідомлення.
✅ Приклад:
Українській прозі 20—30-х років ХХ ст. властиве розмаїття стилів і жанрів. Твори цього періоду можна лише умовно згрупувати за стильовими течіями.
Українській прозі 20—30-х років ХХ ст. властиве розмаїття стилів і жанрів. Твори цього періоду можна лише умовно згрупувати за стильовими течіями.
Розмір шрифту
Стандартний розмір в редакторі виставлений як 18 px, але бувають випадки, коли необхідно зробити текст меншим або більшим.
✅ Приклад:
Тільки мол1 закруглявся з одного й іншого боку, перед нами — море, а позаду — спокійна смуга води гавані. Ніби сиділи ми на вигнутому місяці, відбивалися в безмежному морі й пливли не знати куди по такій шумливій воді.
1 Мол — захисна споруда в порту (стіна або дамба, що виступають у море).
Фоновий блок
Для оздоблення важливих фрагментів текстів використовуйте різні стилі фону (наприклад, для нотаток, тлумачення термінів, історичних довідок, пояснень тощо).
✅ Приклад:
Новела (італ. novella — новина) — невеликий прозовий епічний твір про незвичайну життєву подію з несподіваним фіналом, сконцентрованою та яскраво відображеною дією.
Репродукції картин українських художників різних епох ви можете знайти на сайті Музею українського живопису (м. Дніпро). Тут зібрано як хрестоматійні роботи митців, так і маловідомі полотна. Вони мають достатню роздільну здатність, а отже, їх можна використати для створення мультимедійних презентацій. Не забувайте зазначати джерела, з яких ви берете матеріали для створення своїх презентацій, щоб не порушувати авторські права власників того чи іншого ресурсу.
З яким образом асоціюється Україна в поезії В. Симоненка «Задивляюсь у твої зіниці...»? Охарактеризуйте його.
Стиль шрифту
Окрім заголовка, жирного шрифту, курсиву та інших форматувань, у вас є можливість скористатися кнопкою для створення різних стилів тексту.
✅ Приклад:
1917—1919 рр. були сповнені революційних катаклізмів, у цей період наростає національно-визвольний рух.
✅ Або:
1917—1919 рр. були сповнені революційних катаклізмів, у цей період наростає національно-визвольний рух.
Стиль кнопок
Продовжуючи попередній блок, окремо варто виділити оформлення для створення кнопок в тексті.
Стилі для кнопок
Щоб додати в ваш допис саме функцію кнопки, спочатку потрібно сформувати текст з посиланням.
Як додати посилання
Як додати посилання
Готове посилання
Після чого слід оформити його в одному зі стилів, як вказано нижче.
Як оформити кнопку
✅ Приклад:
Очистити форматування
Ця функція застосовується при перенесенні тексту з інших джерел або програм. Щоб одразу прибрати всі попередні форматування, виділіть весь текст та натисніть на іконку.
✅ Приклад:
Тема комедії, за висловом самого автора, — «міщанство й українізація». П’єса «Мина Мазайло» — це комедія типів і поз. Репліки між парами (Мина й Мокій, Рина й Уля, тьотя Мотя й дядько Тарас) вибудовують сюжет і конфліктний каркас твору, вони мають комічний характер.
Тема комедії, за висловом самого автора, — «міщанство й українізація». П’єса «Мина Мазайло» — це комедія типів і поз. Репліки між парами (Мина й Мокій, Рина й Уля, тьотя Мотя й дядько Тарас) вибудовують сюжет і конфліктний каркас твору, вони мають комічний характер.
Кінець
Користуючись всіма інструментами редактора, ви зробите свій блог/урок/тест/вебквест унікальним та цікаво оформленим. Впевнені, ваші учні/студенти це оцінять!
Використані джерела: текстові приклади — підручник «Українська література, 11 клас» (О. Авраменко), зображення — фотобанк Shutterstock.
Менеджерка:
Поліщук Катерина Вікторівна