Проект

 Створення тематичного сайту 

матеріали: 

• вибір теми та конструктора сайтів
• добір контенту 
• завдання для проекту

 Хостінг сайту

матеріали до уроку

Урок 25

 Веб програмування та інтерактивні сторінки

Підсумкова практична робота

 матеріали до уроку

Урок 23

 Веб програмування та інтерактивні сторінки

матеріали до уроку

Урок 22

 Поняття об’єктної моделі документа. Веб програмування та інтерактивні сторінки

матеріали до уроку

Урок 21

 Авторське право у вебресурсах

матеріали

Урок 20

 Мультимедіа у вебдокументах

матеріали

Урок 18-19

 Анімація у вебдокументах

матеріали

Урок 17

 Графіка для вебсередовища

матеріали

Урок 15

 Кросбраузерна оптимізація сторінок сайту. Адаптивна верстка 

матеріади до уроку

Урок 14

Проєктування та верстка веб сторінок 

 матеріали до уроку

Урок 13

 Стильове оформлення вебсторінки за допомогою стилів CSS. Списки в CSS

матеріали

Урок 12

 Позиціювання елементів веб сторінки за допомогою стилів

матеріали до уроку

Урок 11

 Тема 3. Каскадні таблиці стилів CSS

Каскадні таблиці стилів. Стильове оформлення тексту

матеріали до уроку

Урок 10

 Карта гіперпосилань у вебсторінках    

матеріали до уроку

Урок 9

  Гіперпосилання на вебсторінках     матеріали до уроків 

Урок 8

 Списки на вебсторінках    

матеріали до уроку

Урок 7

 Таблиці на вебсторінках 

матеріали до уроку

Урок 6

 

Використання зображень у вебдокументах.  Фони

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

Урок 5

 Текстові елементи вебсторінки, теги та їх атрибути.  

матеріали до уроку 5

Урок 4

 Мова гіпертекстової розмітки. Гіпертекстовий документ та його елементи    

матеріали до уроку

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

 Створення макета інформаційної структури сайта

Увага!

Під час роботи з комп’ютером
дотримуйтеся правил без­пеки та санітарно-гігієнічних норм.

1.   Створить  сайт для учнів 8 класу, які вивчають інформатику. Використати один з безкоштовних конструкторів.
2.    Створить сторінки за вказаними темами (2-3 сторінки) та підсторінки  (1-2 підсторінки) за темами уроків.
3.    Оберіть графічний дизайн сайту із ключовими елементами та окремими сторінками. Налаштуйте       посилання для навігації.
4.    Виконайте публікацію структури ресурсу. Створить у текстовому документі опис щодо структури та призначення ресурсу. Додайте до опису посилання для навігації 
5.    Збережіть в текстовий документ посилання на сайт. Надайте роботу для оцінювання

приклад виконання роботи в редакторі Canva   https://web-technology.my.canva.site/

Урок 3

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

посилання  на урок 3

Урок 2

 Типи сайтів та їх особливості. Цільова аудиторія. Інформаційна структура сайту

посилання на урок 2

Урок 1

Правила поведінки і безпеки життєдіяльності (БЖ) в комп’ютерному класі.

Поняття веб-дизайну. Основні тренди веб-дизайну 

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