Загрузка страницы

§ 58. Додавання зображень. Вправа 58 | 8 клас | Казанцева

8 клас. Практичні завдання з інформатики за підручником О.П. Казанцева 2021 року.

§ 58. Додавання зображень. Вправа 58.

Завдання. Створити програму, в якій при завантаженні відображаються назви тварин. При наведенні на назву тварини з'являється її зображення. При клацанні на назву тварини — виводиться вікно повідомлення з інформацією про цю тварину. Також дане вікно програми має містити власну піктограму, розміщену в рядку заголовка (рис. 58.3).
Створення інтерфейсу програми
1. Створіть графічне вікно із заголовком Зоопарк та з розмірами 350x240.
2. Додайте команди створення написів, що мають містити відповідні назви тварин, розмір шрифту — 16 пт та зелений колір фону (рис. 58.3).
3. Додайте команду mainloop().
Додавання зображень
4. Розташуйте необхідні для програми файли зображень у папці з програмою (це мають бути зображення панди, жирафи, зебри, лева та бегемота). їх ви можете завантажити з папки до даного уроку.
5. Додайте команду: Window.iconbitmap( 'panda.ico'). Тут iconbitmap — метод установлення іконки у рядку заголовка, panda.ісо — ім'я файла зображення.
6. Додайте команди створення графічного полотна.
canvas=Canvas(Window)
canvas.place(x=160,y=20,width=190,height=220)
7. Створіть обробник події, що має відбуватися в разі наведення на напис L1, що має значення жирафа:
Перший рядок — заголовок функції. Оскільки подія відбувається не при натисненні на деяку кнопку, в якості аргумента функції використовується службове слово event — подія. У другому рядку оголошено в якості глобальної змінну img, що буде мати значення зображення. У третьому рядку створено зображення з допомогою конструктора Photoimage. В якості аргументу вказано ім'я файла 'giraffe.png'. В останньому рядку вказано місце розташування зображення на полотні.
8. Для виклику обробника події наведення на напис L1 додайте наступну команду:
L1.bind('Motion', L1_mot)
Тут L1 — напис, на який необхідно навести курсор миші; Motion — подія наведення курсору миші; L1_mot — ім'я обробника події.
9. Запустіть програму. Наведіть курсор на напис Жирафа. В результаті має з’явитися зображення жирафи.
10. Самостійно додайте обробники подій для наведення курсору на інші написи. А також додайте команди виклику цих обробників подій.
11. Уведіть обробник події клацання на написі, що має призвести до появи вікна повідомлення з інформацією про жирафу:
12. Для виклику даного обробника події додайте команду:
L1.bind('Button-1',L1_click)
13. Запустіть програму. Клацніть на написі. В результаті має з'явитися вікно повідомлення з інформацією про жирафу.
14. Самостійно додайте обробники подій клацання курсору на інші написи. А також додайте команди виклику цих обробників подій (інформацію про інших тварин відшукайте в мережі Інтернет).

Завантажити текст практичного завдання та файли-заготовки необхідні для виконання практичного завдання (надано авторами підручника): https://drive.google.com/drive/folders/1xYKHDhPsTSNrOqUqadMSm5jFLWZUCCVW?usp=sharing

Підтримати мою роботу: https://donatello.to/TaskInformatics

Підтримати мою роботу на Patreon: https://www.patreon.com/TaskInformatics

Видео § 58. Додавання зображень. Вправа 58 | 8 клас | Казанцева канала Task Informatics
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
2 мая 2022 г. 19:00:10
00:18:43
Другие видео канала
Практична № 13. Створення макета сайту в GIMP | Модуль Графічний дизайн | 10(11) клас | ПотієнкоПрактична № 13. Створення макета сайту в GIMP | Модуль Графічний дизайн | 10(11) клас | Потієнко§ 12. Вправа 1. Число навпаки | 7 клас | Морзе§ 12. Вправа 1. Число навпаки | 7 клас | Морзе§ 55. Використання вікон повідомлень. Вправа 55.1 | 8 клас | Казанцева§ 55. Використання вікон повідомлень. Вправа 55.1 | 8 клас | КазанцеваПрактична робота 1. Розв’язування задач на визначення довжини двійкового коду | 8 клас | БондаренкоПрактична робота 1. Розв’язування задач на визначення довжини двійкового коду | 8 клас | БондаренкоПрактична №7. Додавання статичних графічних об’єктів | Модуль Вебтехнології | 10(11) клас | РечичПрактична №7. Додавання статичних графічних об’єктів | Модуль Вебтехнології | 10(11) клас | Речич§ 23. Вправа 3. Створення простої веб­сторінки | 10 (11) клас | Морзе§ 23. Вправа 3. Створення простої веб­сторінки | 10 (11) клас | Морзе§ 53. Обробники подій, пов'язаних з елементами керування. Вправа 53.3§ 53. Обробники подій, пов'язаних з елементами керування. Вправа 53.3Практична робота 10. Складання та виконання лінійних алгоритмів. Завд. 3  (Lazarus) | 8 клас | МорзеПрактична робота 10. Складання та виконання лінійних алгоритмів. Завд. 3 (Lazarus) | 8 клас | МорзеПрактична робота № 12. Проєкти із циклами (Python) | 8 клас | РивкіндПрактична робота № 12. Проєкти із циклами (Python) | 8 клас | РивкіндВправа 21. Автоматичні дії над вмістом клітинок | 7 клас | БондаренкоВправа 21. Автоматичні дії над вмістом клітинок | 7 клас | БондаренкоПрактична робота № 7.2. Створення проєктів з розгалуженням (Python) | 7 клас | РивкіндПрактична робота № 7.2. Створення проєктів з розгалуженням (Python) | 7 клас | Ривкінд4.1. Величини. Команда присвоювання. Завдання 1 (Scratch 2) | 7 клас | Ривкінд4.1. Величини. Команда присвоювання. Завдання 1 (Scratch 2) | 7 клас | Ривкінд§ 54. Уведення даних. Вправа 54.2§ 54. Уведення даних. Вправа 54.2§ 25. Додавання зображень на вебсторінці. Практичне завдання 2 | 8 клас | Казанцева§ 25. Додавання зображень на вебсторінці. Практичне завдання 2 | 8 клас | Казанцева§ 23. Форматування символів. Практичне завдання 2 | 8 клас | Казанцева§ 23. Форматування символів. Практичне завдання 2 | 8 клас | Казанцева§ 56. Використання перемикачів та прапорців. Вправа 56.2 | 8 клас | Казанцева§ 56. Використання перемикачів та прапорців. Вправа 56.2 | 8 клас | Казанцева§ 56. Використання перемикачів та прапорців. Вправа 56.1 | 8 клас | Казанцева§ 56. Використання перемикачів та прапорців. Вправа 56.1 | 8 клас | КазанцеваВправа 23. Фільтрування даних | 10(11) клас | БондаренкоВправа 23. Фільтрування даних | 10(11) клас | Бондаренко§ 21. Вправа 1. Перегляд коду вебсторінки | 8 клас | Морзе§ 21. Вправа 1. Перегляд коду вебсторінки | 8 клас | Морзе
Яндекс.Метрика