11.04.2019
Інструктаж з БЖД. Ергономіка розміщення відомостей на веб-сторінці.
Актуалізація знань
Які вимоги до оформлення комп’ютерних презентацій зумовлено правилами композиції, колористики, ергономіки?
Сприйняття та осмислення нового матеріалу
Принципи, на яких базується дизайн веб-сайту
Колористика
|
Ергономіка |
Композиція |
Вимоги обумовлені призначенням сайту та особливостями сприйняття відомостей
|
Загальні правила щодо розробки структури веб-сайту:
Загальні правила щодо розробки структури веб-сайту
- подавати відомості у зрозумілій і стислій формі;
- пропонувати кілька посилань для переходу на одну й ту саму сторінку;
- усувати будь-яку двозначність щодо наслідків дій після вибору елементів керування на веб-сторінці.
Чого стосується ергономіка веб-сайту
Критерії оцінювання ергономічності веб-сторінок
Критерії розглядаються на прикладі сайту школи
Орієнтування на користувачів з особливими потребами
Домашня робота
п.4.4, с.131
завдання
Ергономіка розміщення відомостей на веб-сторінці. Поняття просування веб-сайтів і пошукової оптимізації.
Завдання: Створіть у сервісі Google Сайти веб-сайт Збережемо природу рідного краю, розмістіть на ньому відомості про екологічні проблеми вашого регіону та запропонуйте способи їх подолання. Здійсніть заходи з просування та пошукової оптимізації сайту. Для цього:
1. Визначте ключові слова для вашого сайту, які стануть назвами веб-сторінок. Ними можуть бути: екологія, екологічні проблеми, захист природи, природа України, збереження природи, природа рідного краю, подолання екологічних проблем тощо.
2. Створіть у сервісі Google Сайти сайт з назвою Збережемо природу рідного краю.
3. Виберіть тему оформлення сайту та зображення у верхньому колонтитулі домашньої сторінки на ваш смак.
4. Розмістіть ключові слова сайту в назвах веб-сторінок. Для цього дайте домашній сторінці назву, наприклад Природа рідного краю. Створіть дві сторінки сайту з назвами, наприклад Екологічні проблеми та Збереження природи.
5. Розмістіть ключові слова сайту в заголовку статті на домашній сторінці. Для цього:
1 Виберіть у панелі навігації домашню сторінку.
2 Уставте на веб-сторінку текстовий блок.
3 Виберіть у меню текстового блока кнопку відкриття списку Стилі та команду Заголовок. Зверніть увагу на зміну розміру шрифту в заголовку.
4 Уведіть заголовок, наприклад Рідний край, натисніть клавішу Enter Зверніть увагу на зміну розміру шрифту в тексті.
5. Уведіть 2–3 речення з описом того, за що ви любите свій край, яким ви хочете його бачити. В окремому абзаці вкажіть призначення сайту — для висвітлення екологічних проблем вашого краю та пошуку шляхів їх подолання.
6. Уставте до тексту сторінки гіперпосилання для переходу на інші сторінки сайту: під час вибору слів про екологічні проблеми — на сторінку з описом проблем, під час вибору слів про шляхи подолання проблем — на сторінку про збереження природи.
7. Уведіть ключові слова як текст заміщення для зображення. Для цього:
1 Уставте на сторінку Збереження природи інфографіку Біорізноманіття в Україні зі сторінки Новини сайту Всеукраїнська екологічна ліга (ecoleague.net) URL-адреса файла із зображенням http://ecoleague.net/images/infograf/....
2 Виберіть в меню блока зображення кнопку Інші опції редагування та команду Додати текст заміщення.
3 Уведіть текст Природа України.
4 Виберіть кнопку Застосувати.
8. Уставте на сторінку Екологічні проблеми текст з файла, наприклад Розділ 4\Пункт 4.4\вправа 4.4.docx. Оформіть заголовки та підзаголовки в тексті. Для цього:
1 Виберіть у панелі навігації сторінку Екологічні проблеми.
2 Уставте на сторінку текстовий блок.
3 Відкрийте у вікні текстового процесора файл Розділ 4\Пункт 4.4\вправа4.4.docx.
4 Виділіть увесь текст, скопіюйте його та вставте в текстовий блок на сторінці сайту.
5 Виділіть заголовок тексту Сім екологічних проблем України, виберіть у меню текстового блока кнопку відкриття списку Стилі та команду Заголовок.
6 Виділіть підзаголовок Неякісна вода, виберіть у меню текстового блока кнопку відкриття списку Стилі та команду Підзаголовок.
7 Оформіть як підзаголовки назви ще шести екологічних проблем.
9. Опублікуйте сайт. Уведіть частину URL-адреси ecology та ваше прізвище латиницею.
10. Перегляньте опублікований сайт.
11. Закрийте вікно браузера.
Завантажити текст практичного завдання у форматі docx: https://drive.google.com/open?id=1Swc...
Завантажити файли-заготовки необхідні для виконання практичного завдання (взято з сайту авторів підручника): https://drive.google.com/open?id=1SIj...
Немає коментарів:
Дописати коментар