• ДОДАТОК: Формати зображень. Додавання зображень на веб-сторінку.

Практичне завдання до уроку 1: "Листівка".

Д/з до уроку №1:  Виконати Тест

Практичне завдання №2 "Створити багатосторінковий інтернет-журнал" 

Домашня робота   Роботу здати в классрум (пошта …@ck19.ukr.education). 

Презентація: Мультимедіа на веб-сторінках

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

Виконати:

Домашнє завдання до уроку№3 (Роботу здати в классрум.)

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

Домашня робота

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

Д/з до урок №5

Матеріали до д/з

Д/з до уроку №6: 

Зареєструйтеся на https://github.com/ (скриншот скинути в Classroom)

Відеоінструкція

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

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

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

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

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

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

Презентація: Використання форм

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

Виконати

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

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

Виконати

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

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

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

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

1) https://codeguida.com/post/445

2) https://uk.wikipedia.org/wiki/AJAX

3) https://developer.mozilla.org/ru/docs/Словарь/функция_обратного_вызова

4) https://developer.mozilla.org/ru/docs/Learn/JavaScript/Client-side_web_APIs/Introduction

5) https://bank.gov.ua/ua/open-data/api-dev

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

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

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

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

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

Відеоуроки

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

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

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

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

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

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

Кольори HTML

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

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

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

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

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

Flexboxfroggy

https://cssgridgarden.com/#ua

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

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

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

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

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

Презентація

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

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

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

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

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

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

Виконати

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

Презентація

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

Виконати

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

Презентація

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

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

Виконати

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

матеріали

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

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

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

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

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

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

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

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

Онлайн-редактори

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

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

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

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

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

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

Виконати

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

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

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

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

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

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

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

Д.з. до уроку №34: виконати тест “Векторна графіка” 

Векторний графічний редактор (онлайн)

• https://editor.method.ac/ 

• https://www.cleverbrush.com/editor/

• https://vectr.com/design/editor/3e945bf5-19ab-4746-9a49-dcd10a954d7f

Поширений конспект до уроку №35

Д.з. Виконати тест 

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

Виконати

Д.з. до уроку №37 (здати в Classroom)

ТЕСТ 

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

Д.з. виконати і здати в Classroom

Домашнє завдання до уроку №44 (в Google-документах) 

або

Домашнє завдання до уроку №44 (у Word)

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

Виконати

Практичну роботу №13 (здати в Classroom)

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