Урок:

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

17.10.2021
1 0
Опис уроку (учням цей опис не показується):

Доброго дня, учні! Сьогодні працюємо над новою темою та в кінці уроку проходимо тестування. Запишіть,будь ласка, у зошит:

19 жовтня

Класна робота

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

Завдання1: ознайомитись з теоретичним блоком та зробити конспект в зошит (записати лише те, що виділено жирним шрифтом!)

Завдання2: пройти тестування

Домашнє завдання: опрацювати §20(ст.196-197)

Вміст уроку:
1
2

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

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

1

Найважливішою вимогою до структури сайту є його відповідність

ергономічним вимогам:

комфорт під час використання, який полягає у зменшенні фізичної та психологічної втоми;

безпека, яка передбачає вибір відповідних рішень для захисту користувача.

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

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

Створення сайту з урахуванням ергономіки може бути визначено як здатність ефективно реагувати на потреби користувачів і забезпечувати їм комфорт під час перегляду сторінки.

Головною перешкодою у створенні сайту з урахуванням ергономіки є різні профілі відвідувачів.

Ергономіка сайту має бути розрахована на найменш досвідченого

користувача.

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

очікування користувачів: не всі відвідувачі шукають однакову інформацію і не обов’язково мають ті само вимоги в плані графіки;

звички: тобто набута поведінка;

вік: загалом характеризує здатність до адаптації та швидкість користувача під час перегляду;

• обладнання: одна з головних перешкод. Відображення сайту може відрізнятися від одного комп’ютера до іншого, зокрема залежно від браузера й роздільної здатності екрана;

• рівень знань: не всі відвідувачі є фахівцями в інформаційних технологіях.

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

Головна сторінка — назва розділу — назва сторінки.

Розрізняють текстову систему навігації, навігацію за допомогою кнопок та використання навігаційних карт.

Інколи замість головної сторінки сайту з’являється заставка. Це велике фото зі звуковим супроводом або відеоролик. Такі сторінки створюють, щоб привернути увагу користувача. Головна сторінка сайту має задовольняти правило «3 по 3», тобто три абзаци по три речення про тематику та зміст, авторів і призначення сайту.

Головна сторінка сайту має відповідати таким вимогам:

• відображати тематику сайту;

• бути цікавою, щоб користувач мав бажання переглянути інші сторінки сайту;

• містити інструмент реалізації пошуку по сайту;

• містити розділ з актуальними даними, що постійно оновлюються, наприклад, новини, акції, поради дня тощо;

• містити відомості про спосіб зворотного зв’язку.

Зовнішній вигляд решти сторінок сайту має бути витриманим у єдиному стилі. На них має бути вказано назву ресурсу й посилання на головну сторінку. Залежно від засобу створення, сайти можуть мати одинакові елементи структури. До них належить логотип власника сайту чи графічний декор, назва сайту, фірми чи сторінки, гіперпосилання чи панель навігації сайту, дані, які наповнюють вміст сторінки сайту, контактні дані тощо.

Більшість сайтів побудовано з використанням адаптивного дизайну компоновки вебсторінок, тобто такого, що налаштовується до зміни розмірів екрана. У сучасних сайтах може застосовуватися складне компонування розділів, що поєднує наявність незмінних областей та частин, розмір яких змінюється відповідно до змін розміру екрана.

Рідше складові вебсторінки мають чітко встановлені розміри, які відображають сайт саме так, як було задумано дизайнером.

2

Шановні учні! Перед проходженням тестування, будь ласка, повторіть §20 та конспект в зошиті.

Структура сайту. Види сторінок сайту. Ергономічні вимоги для створення сайту.
17 жовтня 2021
1 0
Аватар профіля Солодовнікова Катерина Олексіївна
Аватар профіля Солодовнікова Катерина Олексіївна
Інформатика
8 клас
187 11 885 137 1024 0

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

Сподобався:

0

Так: 21

Ні: 3

Зрозумілий:

0

Так: 21

Ні: 3

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

0

Ні: 19

Так: 5

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

Автоматизовані засоби для створення та публікації веб-ресурсів

Автоматизовані засоби для створення та публікації веб-ресурсів

463

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

33 грн

Автоматизовані засоби для створення та публікації веб-ресурсів

Автоматизовані засоби для створення та публікації веб-ресурсів

342

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

35 грн

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

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

561

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

33 грн

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

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

185

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

21 грн

8 клас. Урок 62. Автоматизовані засоби для створення та публікації веб-ресурсів (Google Сайти)

8 клас. Урок 62. Автоматизовані засоби для створення та публікації веб-ресурсів (Google Сайти)

147

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

72 грн

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

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

302

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

35 грн

Схожі уроки

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

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

1314

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

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

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

1140

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

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

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

1367

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

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

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

511

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

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

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

670

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

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

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

297

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