Сьогодні відбувся
Вебінар:
«
Арттерапевтична валіза педагога: готові вправи для літа
»
Взяти участь Всі події
Урок:

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

07.05.2025
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

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

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

1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2

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

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

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

Сподобався:

0

Так: 3

Ні: 0

Зрозумілий:

0

Так: 3

Ні: 0

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

0

Ні: 3

Так: 0

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

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

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

508

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

33 грн

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

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

169

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

21 грн

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

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

299

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

35 грн

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

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

294

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

75 грн

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

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

353

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

50 грн

Проектування та верстка веб-сторінок.

Проектування та верстка веб-сторінок.

1414

Аватар профіля Тарасенко Лілія Олександрівна
Інформатика
11 клас

33 грн

Схожі уроки

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

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

1290

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

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

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

1113

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

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

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

1345

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

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

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

497

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

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

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

652

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

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

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

283

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