11 клас

Створення та валідація форм
Домашнє завдання: 

Створити форму за зразком (скористайтеся підказками)
Налаштування валідації

Завдання на карантин

1. Продовжити роботу над сайтом. Продемонструвати на уроці 2 сторінки залікової роботи.

2. В рамках проведення заходу

День Безпечного Інтернету 2020 разом з Програмою Академій Cisco

 пропоную зареєструватися за посиланням https://www.netacad.com/portal/web/self-enroll/c/course-966979

Назва школи (необхідно вказати під час реєстрації): Синельниківська загальноосвітня школа І-ІІІ ступенів 6
Ознайомитися з матеріалами онлайн-уроку. Бажаючи можуть пройти тести. Сертифікат необхідно роздрукувати та здати вчителю.

3. Якщо виникнуть питання пишіть листа на пошту Wik.868686@gmail.com 

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

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

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

Урок 33. Типи сайтів та їх особливості. Цільова аудиторія.

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

Урок 34. Інформаційна структура сайту

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

Урок 35. Інструменти веб-розробника

• WEB Developer Tools (Інструмент розробника в браузері)
• Практичне завдання

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

• Практичне завдання
• Тестування №1

Розділ 2. Проектування та верстка веб-сторінок

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

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

Кольори для HTML

• Онлайн Фотошоп
• colors for HTML5

Урок 39. Текстові елементи веб-сторінки, теги та їх атрибути. Гіперпосилання.

• Теоретичний матеріал
• Практичне завдання
• peachy-paralleo.png

Урок 40. Таблиці та списки на веб-сторінках

• Практичне завдання
• Основні теги і атрибути таблиць і списків
• Домашнє завдання

Урок 41. Створення веб-сторінки за допомогою «Мови гіпертекстової розмітки»

• Тестування №2
• Практична робота

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

• селектори css
• Практичне завдання
• index.html

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

• Вертикальне вирівнювання
• Практичне завдання

Урок 43-2. Псевдокласи

• Детально про псевдокласи з прикладами
• Практичне завдання
• pseudo-selectors-before.html

Урок 44. Практична робота

• Завдання практичної роботи
• Якість інформації.odt
• img.png

Урок 45. Проектування та верстка веб-сторінок

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

Урок 46. Адаптивна верстка

• Практичне завдання
• index.html
• style.css
• Хостинг на GitHub
• Тестування

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

• Практичне завдання
• menu.png
• 1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png
• Online PhotoShop

Урок 49. Розміщення та відтворення на веб-сторінках мультимедійних даних

• Практичне завдання
• Івасик-Телесик (1989) Капітошка (1980) Котик та Півник
• Як ворона украла корову Сім лозин Сват і кмітлива дівчина Лисиця і Цап у ямі Заячий холодок Вовк і Кіт Вовк і бусел

Урок 50. Розміщення та відтворення на веб-сторінках мультимедійних даних

• Практична робота
• 01.png 02.png 03.png main.png
• 02.mp4 03.mp4 04.mp4
• ТЕСТУВАННЯ

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

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

Урок 52. Використання форм. Основні елементи форми.

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

Урок 53. Збереження даних форм

• Практичне завдання
• Відео

Урок 54. Практична робота «Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування»

• Варіант №1
• Варіант №2
• circle.png
• rectangle.png
• square.png
• triangle.png

Урок 55. Практична робота «Розміщення сайту на сервері»

• Тестування. Варіант №1
• Тестування. Варіант №2
• Практичне завдання
• Інструкція
• index.html
• ks.png
• style.css