- ІІ семестр
- ІІ семестр
РОЗДІЛ 4. МУЛЬТИМЕДІЙНІ ТА ГІПЕРТЕКСТОВІ ДОКУМЕНТИ
УРОК 25. «Технології опрацювання мультимедійних даних»
Для тих, хто хоче знати більше переходіть за посиланням: «Гаджети, що можуть полегшити життя сучасного школяра», «Мультимедіа - апаратні і програмні засоби», «Безплатний аудіо конвертер», «Мультимедіа для досліджень», «Зростання популярності онлайн відео»
Перевіряємо рівень своїх знань: Тест
РОЗДІЛ 4. МУЛЬТИМЕДІЙНІ ТА ГІПЕРТЕКСТОВІ ДОКУМЕНТИ
УРОК 25. «Технології опрацювання мультимедійних даних»
Для тих, хто хоче знати більше переходіть за посиланням: «Гаджети, що можуть полегшити життя сучасного школяра», «Мультимедіа - апаратні і програмні засоби», «Безплатний аудіо конвертер», «Мультимедіа для досліджень», «Зростання популярності онлайн відео»
УРОК 26. «Системи керування вмістом для веб-ресурсів»
Для тих, хто хоче знати більше переходіть за посиланням: «Що таке CMS і як створити власний блог?»
Перевіряємо рівень своїх знань: Тест
УРОК 26. «Системи керування вмістом для веб-ресурсів»
Для тих, хто хоче знати більше переходіть за посиланням: «Що таке CMS і як створити власний блог?»
Перевіряємо рівень своїх знань: Тест
УРОК 27. «Створення та адміністрування сайту»
Для тих, хто хоче знати більше переходіть за посиланням: «Як створити власний сайт?»
УРОК 27. «Створення та адміністрування сайту»
Для тих, хто хоче знати більше переходіть за посиланням: «Як створити власний сайт?»
УРОК 28. «Створення та адміністрування сайту»
- Перевіряємо рівень своїх знань: Тест
УРОК 28. «Створення та адміністрування сайту»
- Перевіряємо рівень своїх знань: Тест
УРОК 29. «Поняття про мову розмічання гіпертекстового документа»
Для тих, хто хоче знати більше переходіть за посиланням: «Оптимізація зображень для веб»,
Перевіряємо рівень своїх знань: Тест
УРОК 29. «Поняття про мову розмічання гіпертекстового документа»
Для тих, хто хоче знати більше переходіть за посиланням: «Оптимізація зображень для веб»,
Перевіряємо рівень своїх знань: Тест
УРОК 30. «Гіпертекстові, графічні анімаційні та мультимедійні елементи на веб-сторінках»
Для тих, хто хоче знати більше переходіть за посиланням: «Самоучитель HTML», «Самоучитель HTML1», «Якісний кліпарт»
ПРАКТИЧНА РОБОТА "Вставляння
зображень до вебсторінки"
УРОК 30. «Гіпертекстові, графічні анімаційні та мультимедійні елементи на веб-сторінках»
Для тих, хто хоче знати більше переходіть за посиланням: «Самоучитель HTML», «Самоучитель HTML1», «Якісний кліпарт»
ПРАКТИЧНА РОБОТА "Вставляння зображень до вебсторінки"
УРОК 31. «Ергономіка розміщення відомостей на веб-сторінці»
ПРАКТИЧНА РОБОТА "Використання
гіперпосилань"
УРОК 31. «Ергономіка розміщення відомостей на веб-сторінці»
ПРАКТИЧНА РОБОТА "Використання гіперпосилань"
УРОК 32. «Поняття пошукової оптимізації та посування веб-сайта»
ПРАКТИЧНА РОБОТА "Використання
списків і таблиць" Відео -урок
УРОК 32. «Поняття пошукової оптимізації та посування веб-сайта»
ПРАКТИЧНА РОБОТА "Використання списків і таблиць" Відео -урок
Урок 33. Підсумковий урок з теми: «Мультимедійні та гіпертекстові документи»
Урок 33. Підсумковий урок з теми: «Мультимедійні та гіпертекстові документи»
РОЗДІЛ 5. ГРАФІЧНИЙ ДИЗАЙН, ЯК ЗАСІБ ВІЗУАЛЬНОЇ КОМУНІКАЦІЇ
Практична робота: Дослідити в мережі Інтернет та створити повідомлення (оформлення звіту на власний розсуд) про світловий дизайн та біодизайн.
Для тих, хто хоче знати більше: «Що таке комп'ютерна графіка?»
УРОК 35. «Сучасна реклама та фірмовий стиль»
Практична робота: Дослідити в мережі Інтернет та створити повідомлення (оформлення звіту на власний розсуд) про світловий дизайн та біодизайн.
Для тих, хто хоче знати більше: «Що таке комп'ютерна графіка?»
Практична робота: Дослідити фірмовий стиль однієї з українських компаній та створити звіт по даній темі у текстовому редакторі Word.
Виконати вправу: https://learningapps.org/8780423
Для тих, хто хоче знати більше: «Що таке комп'ютерна графіка?»
Практична робота: Дослідити фірмовий стиль однієї з українських компаній та створити звіт по даній темі у текстовому редакторі Word.
Виконати вправу: https://learningapps.org/8780423
Для тих, хто хоче знати більше: «Що таке комп'ютерна графіка?»
УРОК 36. «Електронні та друковані портфоліо»
Практична робота:
- За допомогою текстового процесора (об'єктів SmartART) чи карти розуму (https://coggle.it/ , https://bubbl.us/ тощо) створити особисте портфоліо (мої досягнення, мої творчі доробки, мої захоплення ).
- Написати власне резюме. Резюме створити за допомогою додатків Google - Документи.
Виконати вправу: https://learningapps.org/8998568
Практична робота:
- За допомогою текстового процесора (об'єктів SmartART) чи карти розуму (https://coggle.it/ , https://bubbl.us/ тощо) створити особисте портфоліо (мої досягнення, мої творчі доробки, мої захоплення ).
- Написати власне резюме. Резюме створити за допомогою додатків Google - Документи.
Виконати вправу: https://learningapps.org/8998568
УРОК 37. «Типографіка, шрифти і шрифтові пари. Інфографіка. Коротка історія дизайну і типографіки»
- Презентація
- Практична робота: За допомогою сервісу "Облако слів" створити леттерінг. Використати набір слів до теми прислів'я чи вірши.
Приклади сервісів он-лайн:
Word Art (Tagul)
Word Cloud Generation
Wordcloud.pro- Використання сервісу Tagxedo - Creator
- Робота із програмою Презентація-інструкція
Виконати
самостійну роботу: Записати у зошит (коротко) історію дизайну.
Для тих, хто хоче знати більше: «Додатково про роботу у сервісах», «Леттерніг за 5 хвилин»
Виконати самостійну роботу: Записати у зошит (коротко) історію дизайну.
УРОК 38. «Інфографіка»
УРОК 38. «Інфографіка»
Практична робота:
1. За допомогою сервісу створити інфографіку (стрічку часу). Можна використати літературний твір, казку, прислів'я, чи улюблений рецепт страви тощо.
Сервіси он-лайн:Практична робота:
Piktochart - http://piktochart.com/
Venngage - http://venngage.com/
Visual.ly - http://visual.ly/
Easel.ly - http://www.easel.ly/
Hohli Builder - http://charts.hohli.com/
Google Charts - https://developers.google.com/chart/
Infogr.am - http://infogr.am/
Сервіс EasellyPiktochart - http://piktochart.com/
Venngage - http://venngage.com/
Visual.ly - http://visual.ly/
Easel.ly - http://www.easel.ly/
Hohli Builder - http://charts.hohli.com/
Google Charts - https://developers.google.com/chart/
Infogr.am - http://infogr.am/
Відео-інструкція Создаем инфографику
он-лайн ресурс для створення інфографіки http://www.easel.ly/
Сервіс Infographics. The easy wayВідео-інструкція Создаем инфографику
он-лайн ресурс для створення інфографіки http://www.easel.ly/
ресурс Infographics. The easy way
инструкция з роботи із сервисом
Стрічки часу:ресурс Infographics. The easy way
инструкция з роботи із сервисом
Тime.graphics https://time.graphics/ru/line/32120
Online timeline maker https://www.tiki-toki.com/
StoryMap https://storymap.knightlab.com/
Тime.graphics https://time.graphics/ru/line/32120
Online timeline maker https://www.tiki-toki.com/
StoryMap https://storymap.knightlab.com/
РОЗДІЛ 6. РАСТРОВА ГРАФІКА
Інтерактивні вправи: «Формати графічних файлів», «Основні поняття комп'ютерної графіки»
Для тих, хто хоче знати більше: «Все про колірні моделі RGB i CMYK», «Графічні формати», «Безкоштовні фотобанки для дизайнерів»
Інтерактивні вправи: «Формати графічних файлів», «Основні поняття комп'ютерної графіки»
Для тих, хто хоче знати більше: «Все про колірні моделі RGB i CMYK», «Графічні формати», «Безкоштовні фотобанки для дизайнерів»
УРОК 40. «Растровий графічний редактор»
ПОСИЛАННЯ для завантаження Adobe Photoshop
- Презентація:
- Практична робота
- Інтерактивна вправа: «Інтерфейс програми Photoshop»
- Для тих, хто хоче більше знати, перегляньте відео:
« Відео 1 - Створення та збереження зображення у Photoshop»
« Відео 2 - Інтерфейс програми Photoshop »
« Відео 3 - Інструмент Масштаб та палітра Навігатор»
- Презентація:
- Практична робота
- Інтерактивна вправа: «Інтерфейс програми Photoshop»
- Для тих, хто хоче більше знати, перегляньте відео:
« Відео 2 - Інтерфейс програми Photoshop »
« Відео 3 - Інструмент Масштаб та палітра Навігатор»
УРОК 41. «Концепція побудови пошарового зображення. Робота з шарами»
- Презентація:
Посилання на online-Photoshop
- Практична робота:
Завдання 1 "Скласти овочево-фруктового чоловічка"
Файли заготовки: Завдання1
Завдання 2 "Старе фото"
Файли заготовки: Завдання 2
- Інтерактивна вправа: «Де це знаходиться? Photoshop»
- Для тих, хто хоче більше знати, перегляньте відео:
«Відео 1 - Інструменти Прямокутна область та Овальна область»
«Відео 2 - Інструмент виділення Ласо і Прямолінійне Ласо»
«Відео 3 - Інструмент виділення Магнітне ласо»
«Відео 4 - Інструменти виділення: Чарівна паличка та Швидке виділення»
Результати виконаної роботи зберегти у форматі jpg надіслати в classroom.
УРОК 42. «Створення колажів. Прийоми колажування»
- Презентація:
Посилання на online-Phot.oshop
- Практична робота:
Відео урок "Створення колажу"
Завдання 1 «Створення колажу»
Файли заготовки: Завдання 1
Завдання 2 «Клонування зображень»
Файли заготовки: Завдання 1
Завдання 3 «Метелик»
Файли заготовки: Завдання 3
- Для тих, хто хоче більше знати, перегляньте відео:
Відео 1 - Робота з Шарами
Відео 2 - Інструмент Переміщення
Відео 3 - Трансформування об'єктів
Відео 4 - Інструмент Рамка (Кадрування)
Результати виконаної роботи зберегти у форматі jpg надіслати в classroom.
УРОК 43/44. «Робота з текстом. Робота з векторними елементами»
- Презентація:
Посилання на online-Phot.oshop
Теоретичний матеріал Текстові ефекти
- Практична робота:
Завдання
Файли заготовки: Завдання
УРОК 45. «Ретуш та художня обробка зображень. Тонова корекція зображень»
- Презентація:
- Практична робота:
Завдання 2
Файли заготовки: Завдання2
Завдання 3
Файли заготовки: Завдання 3
Завдання4
Файли заготовки: Завдання 4
УРОК 46. «Анімація в растровому графічному редакторі. Створення елементів для веб-сторінок»
- Презентація:
- Практична робота:
Завдання
- Інтерактивна вправа: «Що ви знаєте про Photoshop»
Немає коментарів:
Дописати коментар