SlideShare a Scribd company logo
Практична робота № 4
«Використання графічних, анімаційних та мультимедійних
елементів на вебсторінках»
Мета: Формувати вміння практичного застосування знань, умінь і
навичок розміщення та відтворення на веб-сторінках мультимедійних даних.
Формувати й удосконалювати вміння й навички у стандартах прямого й
успішного руху до накресленої мети. Забезпечити ситуацію вибору.
Формувати вміння розв’язувати типові завдання, формувати творчі вміння.
Переносити знання і способи діяльності, життєвого досвіду в нову ситуацію.
Формувати групи компетентностей: соціально-трудову, інформаційну,
загальнокультурну, соціально-трудову, уміння вчитися.
 Повідомлення теми і мети уроку
Сьогоднішній урок є практичним де вам потрібно буде
продемонструвати вміння застосування знань, умінь і навичок
розміщення та відтворення на веб-сторінках мультимедійних
даних й володіння темою «Графіка та мультимедіа для веб-
середовища».
Не забувайте про правила поведінки на уроці. (Слайд2).
 ІІ. Підготовка до практичної діяльності
Завдання
1. Створити на робочому столі папку та назвати її власним прізвищем та
ім’ям.
2. Створіть власний ресурс (розпочніть створення сторінок-розділів, а не
головної сторінки) котрий сприятиме вивченню майбутніми
десятикласниками теми «Графіка та мультимедіа для веб-середовища»
та міститиме наступні розділи:
Інструктивна карта
1. Розділ 1. Програмна частина (теги, параметри, значення). В
даному блоці опишіть відомі вам мультимедійна теги та їх
пояснення. (Щоб змусити компілятора зчитати теги, як текст без
перетворення потрібно використати тег <code> та символи
обмеження тегу « > » також взяти в парну частину <code>.
Наприклад:
Результат відображення на сторінці:
 Розділ 2. GIF анімація. Створити інструкційну карту,
використовуючи зображення (скріншоти) та їх опис, процесу
створення простої Gif анімації за допомогою Adobe Photoshop.
 Розділ 3. Карти посилань. Реалізуйте меню власного сайту за
допомогою карти посилань, а на окремій сторінці використавши
нумерований список опишіть послідовність створення карти та
додайте посилання на розділ 1, де людина зможе знайти
відповідні теги.
 Розділ 4. Мультимедіа. Використавши відео файли (з вказаного
вчителем місця) створіть сторінку відео курсу «Почніть роботу з
пошуковими системами». Не забувайте про авторське право та
під кожним відео вкажіть посилання на оригінал -
https://learndigital.withgoogle.com/digitalworkshop-
ua/course/become-searchable-online/module/5.
 Розділ 5. Додайте посилання на закон України «Про авторське
право і суміжні права» https://zakon.rada.gov.ua/laws/show/3792-
12
3. Зв’яжіть сторінки в єдиний ресурс за допомогою файлу index.html та
забезпечте перехід між сторінками.
4. Збережіть створений ресурс у власну папку.
ІV. Домашнє завдання
Повторити вивчений матеріал.

More Related Content

Similar to 22

Less19
Less19Less19
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
VsimPPT
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
VsimPPT
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
VsimPPT
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
VsimPPT
 
урок 5 формулы word art
урок 5 формулы word artурок 5 формулы word art
урок 5 формулы word artHelen Pata
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
VsimPPT
 
Python
PythonPython
Python
VsimPPTX
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
VsimPPTX
 
Календарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - LazarusКалендарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - Lazarus
VsimPPT
 
5 клас урок 28
5 клас урок 285 клас урок 28
5 клас урок 28
Світлана Нич
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
VsimPPT
 
Дистанційний курс "Підготовка викладачів до застосування АВЗН"
Дистанційний курс "Підготовка викладачів до застосування АВЗН"Дистанційний курс "Підготовка викладачів до застосування АВЗН"
Дистанційний курс "Підготовка викладачів до застосування АВЗН"
Kalachova
 
Календарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - LazarusКалендарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - Lazarus
VsimPPT
 
Lazarus
LazarusLazarus
Lazarus
VsimPPTX
 
Календарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - LazarusКалендарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - Lazarus
VsimPPT
 
Lesson # 21. stages of creating websites
Lesson # 21. stages of creating websitesLesson # 21. stages of creating websites
Lesson # 21. stages of creating websites
Nikolay Shaygorodskiy
 

Similar to 22 (20)

Less19
Less19Less19
Less19
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
 
208,23.docx
208,23.docx208,23.docx
208,23.docx
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
 
урок 5 формулы word art
урок 5 формулы word artурок 5 формулы word art
урок 5 формулы word art
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
 
Python
PythonPython
Python
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
 
78
7878
78
 
78
7878
78
 
Календарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - LazarusКалендарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - Lazarus
 
5 клас урок 28
5 клас урок 285 клас урок 28
5 клас урок 28
 
Календарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - PythonКалендарне планування 8 клас - Інформатика - Python
Календарне планування 8 клас - Інформатика - Python
 
Дистанційний курс "Підготовка викладачів до застосування АВЗН"
Дистанційний курс "Підготовка викладачів до застосування АВЗН"Дистанційний курс "Підготовка викладачів до застосування АВЗН"
Дистанційний курс "Підготовка викладачів до застосування АВЗН"
 
Календарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - LazarusКалендарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - Lazarus
 
Lazarus
LazarusLazarus
Lazarus
 
Календарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - LazarusКалендарне планування 8 клас - Інформатика - Lazarus
Календарне планування 8 клас - Інформатика - Lazarus
 
Lesson # 21. stages of creating websites
Lesson # 21. stages of creating websitesLesson # 21. stages of creating websites
Lesson # 21. stages of creating websites
 

More from ssuserb6c6cf

Тема 2.1.pptx
Тема 2.1.pptxТема 2.1.pptx
Тема 2.1.pptx
ssuserb6c6cf
 
02.01 10 247
02.01 10 24702.01 10 247
02.01 10 247
ssuserb6c6cf
 
наказ про введення канікул з 28.02.2022. для сайту. головна
наказ про введення канікул з 28.02.2022. для сайту. головнанаказ про введення канікул з 28.02.2022. для сайту. головна
наказ про введення канікул з 28.02.2022. для сайту. головна
ssuserb6c6cf
 
My.hotovi.pro.ditey.03.02
My.hotovi.pro.ditey.03.02My.hotovi.pro.ditey.03.02
My.hotovi.pro.ditey.03.02
ssuserb6c6cf
 
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
ssuserb6c6cf
 
Rekom.vmist.tryvozhnoyi.valizy.03.02
Rekom.vmist.tryvozhnoyi.valizy.03.02Rekom.vmist.tryvozhnoyi.valizy.03.02
Rekom.vmist.tryvozhnoyi.valizy.03.02
ssuserb6c6cf
 
1
11
2965 03.02 18
2965 03.02 182965 03.02 18
2965 03.02 18
ssuserb6c6cf
 
1
11

More from ssuserb6c6cf (20)

1 lesson.pdf
1 lesson.pdf1 lesson.pdf
1 lesson.pdf
 
metod
metodmetod
metod
 
Тема 2.1.pptx
Тема 2.1.pptxТема 2.1.pptx
Тема 2.1.pptx
 
02.01 10 247
02.01 10 24702.01 10 247
02.01 10 247
 
01 22 245
01 22 24501 22 245
01 22 245
 
наказ про введення канікул з 28.02.2022. для сайту. головна
наказ про введення канікул з 28.02.2022. для сайту. головнанаказ про введення канікул з 28.02.2022. для сайту. головна
наказ про введення канікул з 28.02.2022. для сайту. головна
 
My.hotovi.pro.ditey.03.02
My.hotovi.pro.ditey.03.02My.hotovi.pro.ditey.03.02
My.hotovi.pro.ditey.03.02
 
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
 
Rekom.vmist.tryvozhnoyi.valizy.03.02
Rekom.vmist.tryvozhnoyi.valizy.03.02Rekom.vmist.tryvozhnoyi.valizy.03.02
Rekom.vmist.tryvozhnoyi.valizy.03.02
 
1
11
1
 
1
11
1
 
2965 03.02 18
2965 03.02 182965 03.02 18
2965 03.02 18
 
1
11
1
 
1
11
1
 
4
44
4
 
3
33
3
 
2
22
2
 
1
11
1
 
1
11
1
 
2020
20202020
2020
 

22

  • 1. Практична робота № 4 «Використання графічних, анімаційних та мультимедійних елементів на вебсторінках» Мета: Формувати вміння практичного застосування знань, умінь і навичок розміщення та відтворення на веб-сторінках мультимедійних даних. Формувати й удосконалювати вміння й навички у стандартах прямого й успішного руху до накресленої мети. Забезпечити ситуацію вибору. Формувати вміння розв’язувати типові завдання, формувати творчі вміння. Переносити знання і способи діяльності, життєвого досвіду в нову ситуацію. Формувати групи компетентностей: соціально-трудову, інформаційну, загальнокультурну, соціально-трудову, уміння вчитися.  Повідомлення теми і мети уроку Сьогоднішній урок є практичним де вам потрібно буде продемонструвати вміння застосування знань, умінь і навичок розміщення та відтворення на веб-сторінках мультимедійних даних й володіння темою «Графіка та мультимедіа для веб- середовища». Не забувайте про правила поведінки на уроці. (Слайд2).  ІІ. Підготовка до практичної діяльності Завдання 1. Створити на робочому столі папку та назвати її власним прізвищем та ім’ям. 2. Створіть власний ресурс (розпочніть створення сторінок-розділів, а не головної сторінки) котрий сприятиме вивченню майбутніми десятикласниками теми «Графіка та мультимедіа для веб-середовища» та міститиме наступні розділи: Інструктивна карта 1. Розділ 1. Програмна частина (теги, параметри, значення). В даному блоці опишіть відомі вам мультимедійна теги та їх пояснення. (Щоб змусити компілятора зчитати теги, як текст без перетворення потрібно використати тег <code> та символи обмеження тегу « > » також взяти в парну частину <code>. Наприклад: Результат відображення на сторінці:
  • 2.  Розділ 2. GIF анімація. Створити інструкційну карту, використовуючи зображення (скріншоти) та їх опис, процесу створення простої Gif анімації за допомогою Adobe Photoshop.  Розділ 3. Карти посилань. Реалізуйте меню власного сайту за допомогою карти посилань, а на окремій сторінці використавши нумерований список опишіть послідовність створення карти та додайте посилання на розділ 1, де людина зможе знайти відповідні теги.  Розділ 4. Мультимедіа. Використавши відео файли (з вказаного вчителем місця) створіть сторінку відео курсу «Почніть роботу з пошуковими системами». Не забувайте про авторське право та під кожним відео вкажіть посилання на оригінал - https://learndigital.withgoogle.com/digitalworkshop- ua/course/become-searchable-online/module/5.  Розділ 5. Додайте посилання на закон України «Про авторське право і суміжні права» https://zakon.rada.gov.ua/laws/show/3792- 12 3. Зв’яжіть сторінки в єдиний ресурс за допомогою файлу index.html та забезпечте перехід між сторінками. 4. Збережіть створений ресурс у власну папку. ІV. Домашнє завдання Повторити вивчений матеріал.