22.01.2025. 8 клас.

Використання гіпертекстових та графічних елементів на веб-сторінках.
Правила ергономічного розміщення відомостей на веб-сторінці.
Налаштування дизайну власного вебресурсу, побудованого засобами CMS.

Матеріали до уроку

• Сторінки та публікації у блозі (порівняння)
• зовнішній вигляд та можливості
• режим конструктора
• Форматування дописів блогу
• Гіперпосилання
• підручники
• І.Я.Рівкінд, Т.І.Лисенко, Л.А.Чернікова, В.В.Шакотько "Інформатика, 11 клас", академічний рівень (2011) – с. 257-259
• Інформатика 8 клас, авт. Рівкінд Й.Я., Лисенко Т.І., Чернікова Л.А., Шакотько В.В., (2021) – с. 106-107
• Інформатика 8 клас, авт.Морзе Н., Барна О. (2021) – с. 196-197
• Інформатика 8 клас, авт. Коршунова О., Завадський І. (2021), - с. 206-207

Завдання уроку

1. Авторизуйтесь у персональному акаунті Google. Перейдіть до Blogger. Відкрийте навчальний блог, створений 16.01.2025.
2. Відкрийте блог в режимі перегляду. Переконайтесь, що посилання на блог внесене до загального документа "Створення і публікація веб-ресурсів", працездатне та має прийнятний вигляд.
3. Перейдіть до розділу Сторінки в Панелі керування блогом та створіть кілька статичних сторінок таким чином, щоб з них можна було укласти 1-2 блоки сторінок, пов’язаних за змістом, та 1-2 "ізольованих" сторінки.
4. Заповніть нові сторінки доцільними за змістом матеріалами. Обов’язково зазначайте наприкінці частин з матеріалів джерела, звідки цитується текст. Подайте ці джерела як зручні для використання гіперпосилання
5. В розділі Макет (Дизайн) додайте два віджети Сторінки (один – бічний, другий – в поперечному рядку під заголовком), додайте до першого віджета тільки сторінки, поєднані загальним змістом, до другого – лише "ізольовані" та Головну. Збережіть зміни у дизайні.
6. Перегляньте блог, позначте додані зміни в таблиці з посиланнями на розроблені блоги позначками "+" или "-".
7. Перевірте ВСІ публікації та сторінки блогу, виправте гіперпосилання на зручні (за необхідності).
8. Додайте до публікацій блогу зображення, налаштуйте їхні розміри та розташування у тексті. Під зображеннями додайте посилання на джерела (як підписи до зображень).
9. Перевірте повноту роботи на цьому етапі уроку: в блозі наявні кілька (не менше трьох) публікацій з тематичними мітками, кілька (2-3 взаємопов’язаних и 1-2 "ізольованих") сторінок, не менше двох віджетів Сторінки; в дописах та на сторінках є зображення та гіперпосилання.
10. Додайте до блогу віджет Мітки та ще один (довільний, за власним вибором).

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

Дізнайтесь про налаштування вигляду блогу через меню Панелі керування блогом Тема / Макет (відео)

Продовжуйте працювати з блогом

1. Перегляньте вже наявні елементи блогу та приведіть їх у відповідність вимогам, що були відзначені на стіні стікерів (див. попередній крок роботи)
2. Використайте меню Тема / Макет з панелі керування блогом, щоб обрати найбільш ергономічний та унікальний зовнішній вигляд блогу. Збережіть внесені зміни.

Домашнє (додаткове) завдання

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