11 клас💙

Зреєструватися на GitHub (https://github.com/) і там розмістити свої HTML документи (можна використати файли з д/з або створити новий html-документ). Скористайтеся інструкцією Реєстрація і розміщення сайту на GitHub

Опрацюйте презентацію

Презентація: "Веб-сервер і база даних. Взаємодія клієнт - сервер"

Виконати: Тест

(хто не пройшов реєстрацію на https://github.com/ обов’язково зареєструйтеся, скористайтесь інструкцією Реєстрація і розміщення сайту на GitHub)

Урок №7 (02.10.2024) Практична робота №3 +Тест

Д.з. виконати Тест

Урок №8 (07.10.2024) Використання форм. Основні елементи форми

Практичне завдання до уроку №7

Виконати

Д/з до уроку №7 Здати в Classroom

Урок №9 (09.10.2024) Валідація та збереження даних форм.

Практичне завдання до урок №9

Виконати

Д/з до уроку №9 (здати в Classroom)

Урок №10 (16.10.2024) Прикладний програмний інтерфейс

Практична робота: " Створення форм".

Корисні посилання: https://codeguida.com/post/445, https://uk.wikipedia.org/wiki/AJAX, https://bank.gov.ua/ua/open-data/api-dev

Д/з до уроку №10: Підібрати тему проєкту (вебсайт) та скласти попередній план у зошиті.

Урок №11 (21.10.2024) Практична робота №3: " Створення форм"

Д/з до уроку №11: Створіть планування структури веб сайту у вигляді схеми у зошиті.

Урок №12 (21.10.2024) Практична робота 4.

Практичну роботу №4

Здайте роботу в Classroom

Урок №11 (21.10.2024) Позиціонування.

Д/з до уроку: Підібрати тему проєкту (вебсайт) та скласти попередній план у зошиті.

Тема 2. Основи дизайну та просування веб-сайту.

Робота над проєктом (21.10-13.11). Вимоги до проєкту

Вибір теми і мети проєкту.
Планування структури веб-сайту.
Розробка макету.
Наповнення вмістом вебсайту.

Корисні посилання:

Підручник по HTML, CSS

Відеоуроки

Додаткові матеріали

Урок Ергономіка розміщення відомостей на веб-сторінці.

Урок . План розробки сайту. Макет інформаційної структури сайту

Урок "Проектування структури сайту"

Урок Позиціонування елементів на веб-сторінці

Урок HTML-макети. Позиціонування. Адаптивна верстка.

Кольори HTML

Готові проекти сайтів

Вправи на позиціонування об'єктів на сайті

П.Р. "Будуємо робота" (позиціонування)

Проект на 2 сторінки "Журнал"

Заготовки інcтрукції різних проектів по HTML/CSS

Flexboxfroggy

https://cssgridgarden.com/#ua

Тема 3. Графічний дизайн як засіб візуальної комунікації.

Урок № 17 (18.11.2024). Історія графічної культури. Дизайн і його тенденції.

Презентація №1

Презентація №2

Практичне завдання до уроку №17

Матеріали до практичного завдання

Д.з.: Виконати Тест до уроку 17

Урок №18 (20.11.2024) Ілюстрація. Цифрове мистецтво. Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди. Психологія сприйняття реклами. Інфографіка.

Презентація

Практичне завдання до уроку 18

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

Д.з. виконати Тест до уроку №18

Урок №19 (27.11.2024) Реклама. Психологія сприйняття реклами. Інфографіка.

Практична робота 5

Матеріали до практичної роботи 5

Д.з.: Тест до уроку №19

Урок №20 (02.12.2024). Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів. Коротка історія дизайну і типогрфіки.

Презентація

Практичне завдання до уроку №20

Фото для шаржів до Завдання 6

Д.з. : Тест до уроку №20

Урок №21 (04.12.2024) Електронні та друковані портфоліо. Веб-дизайн.

Презентація

Практична робота №6

Матеріали до практичної роботи №6

Д.з. : Тест до уроку №21

Урок №22(11.12.2024) Контрольна робота(практична частина)

КОНТРОЛЬНИЙ Тест

Матеріали до практичного завдання уроку №22

Додаткові матеріали: Характеристики зображення та засобів його відтворення.

Презентація до уроку №22

ІІ семестр

Урок №24 (15.01.2025) Растровий графічний редактор як інструмент для дизайну. Основні інструменти для малювання. Інструменти виділення.

Растровий графічний редактор як інструмент для дизайну. (конспект)

Практичне завдання до уроку 24

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

Д.з. до уроку №24: Тест до уроку №24

Урок №25(22.01.2025). Концепція побудови пошарового зображення. Робота з шарами.

Презентація до уроку №25

Практична робота №7

Матеріали до практичної роботи №7

Д.з. виконати

Тест до уроку №25

Урок №26(29.01.2025) Робота з текстом. Робота з векторними елементами. Ретуш та художня обробка зображень.

Презентація до уроку№26

Практичне завдання до уроку №26

Матеріали до п.з.

Д.з. виконати Тест до уроку №26

Урок №27(03.02.2025) Тонова корекція зображень. Робота з кольором. Створення елементів для веб-сторінок.

Презентація до уроку №27

Практичне завдання до уроку №27

Матеріали до практичного завдання

Д.з. виконати

Тест до уроку №27

Урок №28(05.02.2025) Анімація в растровому графічному редакторі

Практична робота №8

матеріали

Презентація до уроку №28

Практична робота №8

Відео-інструкція до практичної роботи№8

Матеріали до практичного завдання уроку №28

Д.з. виконати Тест до уроку №28

Урок №29 (12.02.2025). Практична робота "Створення банера для веб-сторінки"

Матеріали до практичного завдання уроку №29

https://www.canva.com/uk_ua/

Урок №30 (17.02.2025) Колір. Теорія кольору. Колористика. Колірний круг. Система Pantone.

Презентація до уроку №30

Практичне завдання до уроку №30

Д.з. виконати Тест до уроку №30

Урок №31(19.02.2025) Створення гармонійних колірних поєднань.

Презентація до уроку №31

Практичне завдання до уроку №31

Матеріали до практичного завдання уроку №31

Д.з. виконати Тест до уроку №31

Урок №32 (26.02.2025) Символи та образи. Художній образ.

Практичне завдання до уроку №32

https://docs.google.com/presentation/d/1GoemZXcdshXI2Mr5rnNrKUAEJA5Q3lp8dJHMzi0tb80/edit?usp=sharing

Д.з. до уроку №32. Створіть презентацію (6-7 слайдів) про основні сучасні тренди стилю і композиції у дизайні (фото-приклади і назва або короткий опис).