Урок:

Правила ергономічного розміщення відомостей на веб-сторінці

13.12.2023
0 0
Джерела використаної інформації: розкрити закрити
Теоретичний матеріал:
https://armonline.pp.ua/uroky/10-klas-informatyka/erhonomika-rozmishchennia-vidomostey-na-veb-storintsi/
Інформатика : підруч. для 10-11 кл. загальноосвіт. навч. закл. / Й.Я.Ривкінд [та ін.]. — Київ: Генеза.
Інтерактивна вправа: https://wordwall.net/uk/resource/52747089/%d0%b5%d1%80%d0%b3%d0%be%d0%bd%d0%be%d0%bc%d1%96%d0%ba%d0%b0
Вміст уроку:
1
2
3

Урок не містить жодного завдання. Додайте завдання.

Щоб додати завдання, оберіть категорію завдання на панелі запитань.

1

Опрацюйте теоретичний матеріал:

Ергономіка – це наука, яка вивчає робочі процеси з метою створення оптимальних умов праці, що сприяє підвищенню її продуктивності

Ергономічний сайт – це сайт, що забезпечує необхідні зручності відвідувачеві, зменшує фізичну та психологічну втому, зберігає здоров’я та працездатність

Критерії оцінювання ергономічності вебсторінок:

  1. Розташування відомостей на сторінці:

  • Назва сайту – у заголовку всіх сторінок.

  • На будь-якій сторінці можна чітко бачити, до якого тематичного розділу вона входить.

  • Найважливіші відомості – на початку сторінки.

  • Колонок з контентом – не більше ніж три.

  • Не допустимі горизонтальні смуги прокручування під час перегляду веб-сторінки. Нижній колонтитул (підвал) дублює меню, зазначає авторські права (копірайт) дизайнера сайту, містить контактні дані власника ресурсу та дизайнера

  1. Зручність навігації:

  • З будь-якої сторінки є можливість перейти до перегляду головної (домашньої) веб-сторінки сайту.

  • Сайт має не більше ніж три рівні вкладеності вебсторінок.

  • Меню сайту – велике та помітне, легке в розумінні.

  • Гіперпосилань в одному блоці навігації – не більше ніж 7, інші – у вкладених меню або інших блоках.

  • Кнопки великі, зі зрозумілими підписами або зображеннями.

  • Гіперпосилання в тексті чітко відрізняються від решти контенту.

  • На сторінках з великим обсягом тексту присутні засоби для навігації усередині вебсторінки

  1. Оформлення:

  • Єдиний стиль оформлення та компоновки матеріалу на всіх сторінках.

  • Кольори фону сторінки та тексту контрастні.

  • Заголовки статей виділено шрифтом збільшеного розміру.

  • Текст статей вирівняно за шириною.

  • Якісні зображення, з можливістю збільшення для перегляду.

  • Мінімум анімованих зображень, що відволікають увагу.

  • Порожній простір (поля) навколо тексту та зображень

  1. Швидкість завантаження:

  • Час завантаження сторінки – якомога менший.

  • Зображення – оптимізовані для вебпростору

Юзабіліті — це підхід, покликаний зробити вебсайти простими у використанні для кінцевого користувача без потреби проводити спеціальне навчання.

2

Виконайте на закріплення інтерактивну вправу.

Скрін виконаної вправи прикріпіть до завдання.

3

12 з 12 балів

Пройдіть тестування за опрацьованим теоретичним матеріалом.


Гарних результатів!

Ергономіка розміщення відомостей на веб-сторінці
13 грудня 2023
0 0
Аватар профіля Федотова Наталія Олександрівна
Аватар профіля Федотова Наталія Олександрівна
Інформатика
11 клас
15 9 91 26 166 0

Рефлексія від 11 учнів

Сподобався:

0

Так: 10

Ні: 1

Зрозумілий:

0

Так: 10

Ні: 1

Потрібні роз'яснення:

0

Ні: 11

Так: 0

Рекомендуємо

Правила ергономічного розміщення відомостей на веб-сторінці. Види сторінок сайту

Правила ергономічного розміщення відомостей на веб-сторінці. Види сторінок сайту

509

Аватар профіля Лизько Валентина Степанівна
Інформатика
8 клас

33 грн

8 клас. Урок 60. Правила ергономічного розміщення відомостей на веб-сторінці (teleporthq.io)

8 клас. Урок 60. Правила ергономічного розміщення відомостей на веб-сторінці (teleporthq.io)

169

Аватар профіля Вітенко Іван
Інформатика
8 клас

21 грн

Правила ергономічного розміщення відомостей на вебсторінці

Правила ергономічного розміщення відомостей на вебсторінці

299

Аватар профіля Лизько Валентина Степанівна
Українська мова
7 клас

35 грн

Елементи вибору: прапорці, перемикачі

Елементи вибору: прапорці, перемикачі

55

Аватар профіля Федотова Наталія Олександрівна
Інформатика
8 клас

25 грн

Розміщення графіки, аудіо-інформації на веб- сторінках

Розміщення графіки, аудіо-інформації на веб- сторінках

294

Аватар профіля Чернишева Антоніна Вікторівна
Професійна освіта
11 клас та II курс

75 грн

ПР "Текстові елементи веб-сторінки. Гіперпосилання та списки на веб-сторінках"

ПР "Текстові елементи веб-сторінки.  Гіперпосилання та  списки на веб-сторінках"

353

Аватар профіля Киреєва Оксана Анатоліївна
Інформатика
11 клас

50 грн

Схожі уроки

Впорядкування, пошук і фільтрування даних.

Впорядкування, пошук і фільтрування даних.

1291

Аватар профіля Вожга Ірина Леонідівна
Інформатика
9 клас

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

1114

Аватар профіля Савка-Ржематорська Оксана Василівна
Інформатика
9 клас

Цикли з передумовою у вкладених циклах

Цикли з передумовою у вкладених циклах

1346

Аватар профіля Вожга Ірина Леонідівна
Інформатика
6 клас

Налаштування часових параметрів аудіо- та відеоряду.

Налаштування часових параметрів аудіо- та відеоряду.

498

Аватар профіля Солодовнікова Катерина Олексіївна
Інформатика
8 клас

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

653

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас

Елемент керування кнопка

Елемент керування кнопка

284

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас