Головна / Уроки Інформатики / 10 клас / …
Урок 24 Презентації, тести, практичні завдання (Інформатика 10 клас)
Зміст навчального матеріалу
Ергономіка розміщення відомостей на вебсторінці.
Очікувані результати навчання
- Наводить приклади оптимізації веб-сайтів
- Враховує художньо-естетичну складову при створенні інформаційних продуктів.
- Дотримується правил ергономічного розміщення матеріалів на вебсторінці.
- Усвідомлює та враховує особливості користувачів з особливими потребами при розробці вебресурсів.
Ергономіка – це наука, яка вивчає робочі процеси з метою створення оптимальних умов праці, що сприяє підвищенню її продуктивності
Ергономічний сайт – це сайт, що забезпечує необхідні зручності відвідувачеві, зменшує фізичну та психологічну втому, зберігає здоров’я та працездатність
Критерії оцінювання ергономічності вебсторінок
Розташування відомостей на сторінці
- Назва сайту – у заголовку всіх сторінок.
- На будь-якій сторінці можна чітко бачити, до якого тематичного розділу вона входить.
- Найважливіші відомості – на початку сторінки.
- Колонок з контентом – не більше ніж три.
- Не допустимі горизонтальні смуги прокручування під час перегляду веб-сторінки. Нижній колонтитул (підвал) дублює меню, зазначає авторські права (копірайт) дизайнера сайту, містить контактні дані власника ресурсу та дизайнера
Зручність навігації
- З будь-якої сторінки є можливість перейти до перегляду головної (домашньої) веб-сторінки сайту.
- Сайт має не більше ніж три рівні вкладеності вебсторінок.
- Меню сайту – велике та помітне, легке в розумінні.
- Гіперпосилань в одному блоці навігації – не більше ніж 7, інші – у вкладених меню або інших блоках.
- Кнопки великі, зі зрозумілими підписами або зображеннями.
- Гіперпосилання в тексті чітко відрізняються від решти контенту.
- На сторінках з великим обсягом тексту присутні засоби для навігації усередині вебсторінки
Оформлення
- Єдиний стиль оформлення та компоновки матеріалу на всіх сторінках.
- Кольори фону сторінки та тексту контрастні.
- Заголовки статей виділено шрифтом збільшеного розміру.
- Текст статей вирівняно за шириною.
- Якісні зображення, з можливістю збільшення для перегляду.
- Мінімум анімованих зображень, що відволікають увагу.
- Порожній простір (поля) навколо тексту та зображень
Швидкість завантаження
- Час завантаження сторінки – якомога менший.
- Зображення – оптимізовані для вебпростору
Презентація до уроку на тему Ергономіка розміщення відомостей на веб-сторінці
Інструкція до практичного завдання
Тести до уроку
Тестові завдання для локальної мережі
Онлайн тестування На урок
Онлайн тестування Всеосвіта