Інформатика, 8 клас

1. Ергономіка розміщення
відомостей на веб-сторінці
Мультимедійні та гіпертекстові документи

2. Завдання 1
Створити текстове гіперпосилання

3. Завдання 2
Створити графічне гіперпосилання

4. Завдання 3
Створити слайд-шоу на веб-сторінці

5. Завдання 4
Додати відео з YouTube

6. Завдання 5
Додати мапу розташування Київської астрономічної
обсерваторії

7. Завдання 6
За допомогою html-коду додати форматований текст
<p align=left/center/right>Текст</p>
<font color=колір_англійською size=1..7>Текст</font>
<i>Текст</i> - курсив
<b>Текст</b> - жирний
<u>Текст</u> - підкреслений

8. Ергономіка розміщення
відомостей на веб-сторінці
Мультимедійні та гіпертекстові документи

9. Домашнє завдання
П. 4.4, с. 131-133

10. Принципи, на яких базується дизайн веб-
сайту

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

12. Інтуїтивно зрозумілий інтерфейс

13. Загальні правила щодо розробки структури
веб-сайту:
● подавати відомості у зрозумілій і стислій
формі;
● пропонувати кілька посилань для переходу на
одну й ту саму сторінку;
● усувати будь-яку двозначність щодо наслідків
дій після вибору елементів керування на веб-
сторінці

14. Чого стосується ергономіка веб-сайту?

15. Критерії оцінювання ергономічності веб-сторінок
Розташування відомостей на сторінці
● Назва сайту - в заголовку всіх сторінок.
● На будь-якій сторінці можна бачити, до якого
тематичного розділу вона належить.
● Найважливіші відомості - на початку сторінки.
● Колонок з контентом - не більше ніж три.
● Не допустимі горизонтальні смуги прокручування під
час перегляду веб-сторінки.
● Нижній колонтитул дублює меню, зазначає авторські
права дизайнера сайту, містить контактні дані
власника ресурсу та дизайнера

16. Критерії оцінювання ергономічності веб-сторінок
Зручність навігації
● З будь-якої сторінки є можливість перейти до
головної веб-сторінки сайту.
● Сайт має не більше ніж три рівні вкладеності веб-
сторінок.
● Меню сайту - велике та помітне, легке в розумінні.
● Гіперпосилань в одному блоці навігації - не більше
ніж 7, інші - у вкладених меню або інших блоках.
● Кнопки крупні, зі зрозумілими підписами або
зображеннями.
● Гіперпосилання в тексті чітко відрізняються від решти
контенту

17. Критерії оцінювання ергономічності веб-сторінок
Оформлення
● Єдиний стиль оформлення та компоновки матеріалу
на всіх сторінках.
● Кольори фону сторінки та тексту контрастні.
● Заголовки статей виділено шрифтом збільшеного
розміру.
● Текст статей вирівняно за шириною.
● Якісні зображення, з можливістю збільшення для
перегляду.
● Мінімум анімованих зображень, що відволікають
увагу.
● Поля навколо тексту та зображень

18. Критерії оцінювання ергономічності веб-сторінок
Швидкість завантаження
● Час завантаження сторінки — якомога менший.
● Зображення — оптимізовані для веб-простору,
бажано не більше ніж 40 Кбайт

19. Орієнтування на користувачів з особливими
потребами