Блог вчителя інформатики

 Практична робота № 1
Створення структури сайта за допомогою онлайн-сервісу Draw.io

ЗАВДАННЯ: розробити структуру шкільного сайта підтримки викладання інформатики засобами онлайн-сервісу Draw.io з відображенням.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки.

Налаштування онлайн-сервісу Draw.io
1. Увійдіть у свій обліковий запис Google.
2. Наберіть у пошуковому рядку url-адресу https://www.draw.io .
3. Авторизуйтеся за допомогою пошти Gmail.
4. Виберіть Google Диск.
5. Налаштуйте мову — українська (рис. 1).
6. Виберіть у меню, що з’явилося, команду Створення нової діаграми.

Створення структури
       1. Виберіть із фігур, розташованих у лівому полі програми, прямокутник і перетягніть його на поле діаграми

   2. За допомогою меню на правому полі Стиль та Текст відформатуйте прямокутник (виберіть колір тла й розмір, колір і шрифт тексту).

   3. Додайте на прямокутник текст Головна сторінка.

  4. Аналогічно створіть елементи другого рівня Програмування та Інформаційні технології. Виберіть для них інший стиль форматування.

  5. Для полегшення роботи використовуйте команду клонування (перетягування вибране: фігури із натиснутими клавішою Ctrl і лівою кнопкою миші).

  6. Створіть елементи третього рівня. Поміркуйте, як їх назвати та скільки їх, на вашу думку, має бути.

 7. Інструментом Стрілка налаштуйте зв’язки між сторінками (з яких і на які сторінки здійснюватиметься перехід).

 8. У меню Стиль виберіть стиль форматування для зв’язків.

Збереження створеної діаграми
1.  Збережіть розроблену структуру сайта на своєму Google Диску (File → Save або сполучення клавіш Ctrl + S).
2.  Перегляньте діаграму на Google Диску. При наведенні миші на кольоровий значок діаграми він змінюється на команду Відкрити Google Диск .

3.  За допомогою команди на Google Диску або засобами сервісу (File → Share) отримайте посилання на розроблену вами структуру сайта.

4.  Здайте посилання у classroom.