Шепетівський НВК №1 DistOsvita
Мова розмітки гіпертексту HTML та Web-програмування
(гурток "Інформатики та обчислювальної техніки)
2020 - 2021 н.р.
Заняття #13
Звук і відео.
Матеріали до заняття:
Опрацювати матеріал за посиланнями:
https://www.w3schools.com/html/html_media.asp
https://www.w3schools.com/html/html5_video.asp
https://www.w3schools.com/html/html5_audio.asp
https://www.w3schools.com/html/html_youtube.asp
Практична частина: Виконати інтерактивні вправи на сайті www.w3schools.com .
Заняття #33 (12/01/2021)
Оформлення графічних елементі
Гіперпосилання. Закладки. Графічні посилання.
Заняття #34-35 (14/01 /2021- 19/01/2021)
Оформлення Web-сторінок
Заняття #36 (21/01/2021)
Основні поняття об'єктної моделі
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/nzz-nydo-qop
Опрацювати навчальний матеріал:
Практична частина: виконати побудову об'єктної моделі веб-сторінки створеної на попередньому занятті "Оформлення веб-сторінок"
Заняття #51 (16/03/2021)
Перемикачі, прапорці, кнопки
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ywm-rfne-yau
Опрацювати навчальний матеріал: https://schoolsw3.com/html/html_form_elements.php
Практична частина: виконати вправу 51
Заняття #52 (18/03/2021)
Написання інтерактивних програм за зразком
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ywm-rfne-yau
Практична частина: виконати вправу 52
Заняття #53 (23/03/2021)
Написання інтерактивних програм з використанням різних методів
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/sir-mzyk-nfg
Опрацювати навчальний матеріал: https://www.w3schools.com/js/js_functions.asp
Практична частина: виконати демонстраційні приклади на сторінці навчальних матеріалів.
Заняття #54 (25/03/2021)
Написання інтерактивних програм з використанням різних методів
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/igh-rvym-iot
Опрацювати навчальний матеріал: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat
Практична частина: виконати демонстраційні приклади на сторінці навчальних матеріалів.
Заняття #55 (30/03/2021)
Рухомий елемент
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ewv-ojfo-jqn
Опрацювати навчальний матеріал за посиланням: https://www.w3schools.com/js/js_htmldom_animate.asp
Практична частина: виконати демонстраційні приклади на сторінці навчальних матеріалів.
Заняття #56 (01/04/2021)
Перетягування елементів
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ftj-oxjo-qai
Опрацювати навчальний матеріал за посиланням: https://schoolsw3.com/html/html5_draganddrop.php
Практична частина: виконати демонстраційні приклади на сторінці навчальних матеріалів.
Заняття #57 (06/04/2021)
Динамічні фільтри
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/nex-ghys-wwo
Опрацювати навчальний матеріал за посиланням: https://www.w3schools.com/howto/howto_js_filter_elements.asp
Практична частина: виконати демонстраційні приклади на сторінці навчальних матеріалів.
Заняття #58 (08/04/2021)
Створення нових вікон
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/usa-btnf-oxq
Опрацювати навчальний матеріал за посиланням: https://www.w3schools.com/js/js_popup.asp
Практична частина: виконати завдання 5.6 ст. 209
Заняття #59 (13/04/2021)
Написання простих інтерактивних програм за зразком
Матеріали до заняття:
Опрацювати навчальний матеріал за посиланнями: https://www.w3schools.com/js/js_function_definition.asp
https://www.w3schools.com/js/js_variables.asp
Практична частина: виконати завдання за зразком
Заняття #60 (15/04/2021)
Написання інтерактивних програм з прикладами різних варіацій використання методів
Матеріали до заняття:
Опрацювати навчальний матеріал за посиланням: https://www.w3schools.com/js/js_functions.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #61 (20/04/2021)
Написання простих сценаріїв JavaScript на Web-сторінках.
Матеріали до заняття:
Опрацювати навчальний матеріал за посиланням:
https://meet.google.com/niz-uzuh-zck
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #62 (22/04/2021)
Написання простих сценаріїв JavaScript на Web-сторінках.
Матеріали до заняття:
Опрацювати навчальний матеріал за посиланням:
https://meet.google.com/niz-uzuh-zck
Практична частина №1: виконати демонстраційні приклади в навчальних матеріалах
Заняття #63 (27/04/2021)
Вставка різних елементів в сценарій.
Матеріали до заняття:
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_api_geolocation.asp
Практична частина №2: виконати демонстраційні приклади в навчальних матеріалах
Заняття #64 (29/04/2021)
Вставка різних елементів в сценарій.
Матеріали до заняття:
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_htmldom_animate.asp
Практична частина №2: виконати демонстраційні приклади в навчальних матеріалах
2021 - 2022 н.р.
Заняття #40 (01/02/2022).
Створення сценаріїв DHTML на Web сторінках.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://htmlweb.ru/html/dhtml.php
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #41 (03/02/2022).
Основні поняття об’єктної моделі.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_htmldom.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #42 (08/02/2022).
Приклади сценаріїв JavaScript. Зміна елементів.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_htmldom_elements.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #43 (10/02/2022).
Поле введення даних. Текстові області.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_validation.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #44 (15/02/2022).
Написання простих інтерактивних програм за зразками.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_function_definition.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #45 (17/02/2022).
Пошук у тексті. Перемикачі. Прапорці. Кнопки
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_events_examples.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах. Подія onclick().
Заняття #46 (22/02/2022).
Написання інтерактивних програм з прикладами різних варіацій використаних методів.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_events_examples.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах. Input Events.
Заняття #47 (24/02/2022).
Художнє оформлення листа. Рухомий елемент.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_htmldom_animate.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #48 (01/03/2022).
Перетягування елементів. Динамічні фільтри. Створення нових вікон.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_window_screen.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #49 (03/03/2022).
Написання простих сценаріїв JavaScript на Web-сторінках.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_htmldom_css.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #50 (10/03/2022).
Вставка різних елементів в сценарій.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_popup.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #50 (10/03/2022).
Вставка різних елементів в сценарій.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/js/js_popup.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #51 (15/03/2022).
Web анімація.
Інтерфейс програми. Робоче поле. Панелі інструментів
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/css/css3_animations.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #52 (17/03/2022).
Web анімація.
Приклади анімації. Робота в середовищі
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/css/css3_animations.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #53 (22/03/2022).
Web анімація.
Написання інтерактивних програм з прикладами різних варіацій використаних методів
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/css/css3_2dtransforms.asp
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #54 (24/03/2022).
Web анімація.
Художнє оформлення листа. Рухомий елемент.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.in/html-tutorial/marquee-tag/
Практична частина: виконати демонстраційні приклади в навчальних матеріалах
Заняття #55 (29/03/2022).
Web анімація.
Сценарії. Події. Вирази. Функції. Класи. Оброблювачі.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Повторити навчальний матеріал за посиланням:
hhttps://www.w3schools.com/css/css3_animations.asp
Практична частина: повторити демонстраційні приклади в навчальних матеріалах
Заняття #56 (31/03/2022).
Web анімація.
Створення анімаційних кліпів. Написання простих сценаріїв
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.in/html-tutorial/marquee-tag/
Практична частина: виконати завдання за зразком.
Заняття #57 (05/04/2022).
Оператори. Змінні. . Імена об’єктів. Панель подій.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: виконати завдання за зразком: 5. 3D CSS Tardis
Заняття #58 (07/04/2022).
Основні події з мультфільмами. Приклади мультфільмів.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: виконати завдання за зразком: 8. Star Wars: The Force Awakens
Заняття #59 (12/04/2022).
Налагодження сценаріїв.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: виконати завдання за зразком: 9. 3D Synth
Заняття #60 (14/04/2022).
Налагодження сценаріїв.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: виконати завдання за зразком: 14. Animated Sprite with CSS
Заняття #61 (19/04/2022).
Керування звуком.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
https://www.w3schools.com/html/html5_audio.asp
Практична частина: виконати завдання за зразком.
Заняття #62 (21/04/2022).
Публікація та експортування мультфільмів.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: виконати завдання за зразком.
Заняття #63 (26/04/2022).
Створення анімаційних кліпів.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: створити анімацію за власним сценарієм.
Заняття #64 (28/04/2022).
Створення анімаційних кліпів.
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: створити анімацію за власним сценарієм.
Заняття #65 (03/05/2022).
Створення анімаційних кліпів (продовження).
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал за посиланням:
Практична частина: виконати завдання за матеріалами:
Заняття #66 (05/05/2022).
Проєктна діяльність
Етапи розробки проекту (Web-сайту)
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал:
Практична частина: обрати тему і розробити структуру власного проєкту.
Заняття #67 (10/05/2022).
Проєктна діяльність
Вибір структури, контенту
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал: http://www.ndu.edu.ua/liceum/web.pdf
Практична частина: наповнення сайту контентом.
Заняття #68 (12/05/2022).
Проєктна діяльність
Навігація сайтом
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал: https://tilda.education/articles-navigation
Практична частина: реалізувати навігацію у власному проєкті.
Заняття #69 (17/05/2022).
Проєктна діяльність
Способи опублікування та просування сайту
Матеріали до заняття:
Онлайн заняття: https://meet.google.com/ddu-ubsm-jmb
Опрацювати навчальний матеріал: https://tilda.education/articles-navigation
Практична частина: