Перейти до основного вмісту

Вебтехнології

Вибірковий модуль

Інформатика. Навчальна програма вибірково-обов’язкового предмету для учнів 10-11 класів загальноосвітніх навчальних закладів (рівень стандарту, профільний рівень) (наказ МОН від 23.10.2017 №1407).

Тема 1. Напрямки та інструменти вебдизайну (4 год)

  1. Інструктаж з БЖД. Основні тренди у вебдизайні. Види сайтів та цільова аудиторія
  2. Інструктаж з БЖД. Інформаційна структура сайту
  3. Інструктаж з БЖД. Інструменти веброзробника
  4. Інструктаж з БЖД. Практична робота. Інструменти веброзробника

Тема 2. Проектування та верстка вебсторінок (13 год)

  1. Інструктаж з БЖД. Мова гіпертекстової розмітки
  2. Інструктаж з БЖД. Кольори в HTML
  3. Інструктаж з БЖД. Додавання таблиць на вебсторінку
  4. Інструктаж з БЖД. Додавання таблиць на вебсторінку
  5. Інструктаж з БЖД. Створення нумерованих списків
  6. Інструктаж з БЖД. Створення маркованих списків
  7. Інструктаж з БЖД. Практична робота. Гіперпосилання на вебсторінках
  8. Інструктаж з БЖД. Каскадні таблиці стилів
  9. Інструктаж з БЖД. Класи в каскадних таблицях стилів
  10. Інструктаж з БЖД. ID в каскадних таблицях стилів
  11. Інструктаж з БЖД. Практична робота. Проектування та верстка вебсторінок
  12. Інструктаж з БЖД. Адаптивна верстка. Кросбраузерність
  13. Інструктаж з БЖД. Узагальнення та систематизація матеріалу з теми

Тема 3. Графіка та мультимедіа для вебсередовища (11 год)

  1. Інструктаж з БЖД. Зображення на вебсторінці
  2. Інструктаж з БЖД. Зображення на вебсторінці
  3. Інструктаж з БЖД. Створення шапки сайту
  4. Інструктаж з БЖД. Додавання логотипу сайту
  5. Інструктаж з БЖД. Створення зображення-мапи
  6. Інструктаж з БЖД. Графіка для вебсередовища
  7. Інструктаж з БЖД. Практична робота. Графіка для вебсередовища
  8. Інструктаж з БЖД. Анімаційний ефект
  9. Інструктаж з БЖД. Анімаційний ефект
  10. Інструктаж з БЖД. Практична робота. Мультимедіа на вебсторінках
  11. Інструктаж з БЖД. Узагальнення та систематизація матеріалу з теми

Тема 4. Вебпрограмування (5 год)

  1. Інструктаж з БЖД. Об’єктна модель документа. Вебпрограмування та інтерактивні сторінки
  2. Інструктаж з БЖД. Хостинг сайту
  3. Інструктаж з БЖД. Вебсервер та база даних. Взаємодія клієнт-сервер
  4. Інструктаж з БЖД. Валідація та збереження даних форм
  5. Інструктаж з БЖД. Практична робота. Валідація та збереження даних форм

Тема 5. Основи дизайну та просування вебсайту (3 год)

  1. Інструктаж з БЖД. Правила ергономічного розміщення відомостей на вебсторінці
  2. Інструктаж з БЖД. Практична робота. Пошукова оптимізація та просування вебсайтів
  3. Інструктаж з БЖД. Узагальнення та систематизація матеріалу з теми

Повторення

  1. Інструктаж з БЖД. Мова гіпертекстової розмітки
  2. Інструктаж з БЖД. Графіка на вебсторінці

Коментарі

Дописати коментар

Популярні публікації

Функції за графіками

Завдання. НМТ 2026 (демо). На якому рисунку зображено ескіз графіка квадратичної функції, що набуває лише додатних значень на всій області визначення? Показати відповідь Д . Якщо графік квадратичної функції набуває лише додатних значень на всій області визначення, то він повинен весь лежати вище осі х. Таккій умові задовольняє тільки графік Д. НМТ 2024. Графік однієї з наведених функцій проходить через точку, зображену на рисунку. Укажіть цю функцію. А Б В Г Д y = log 4 x y = x + 2 y = −x 2 Показати відповідь В . НМТ 2024. На рисунку зображено графік функції y = f(x), визначеної на проміжку [–3; 3]. У яких координатних чвертях розташований графік функції y = f(x – 4)? А Б В Г Д лише в І та ІІ лише в ІІ та ІІІ лише в ІІІ та ІV лише в І та ІV у всіх чвертях Показати відповідь Г . НМТ 2024. На рисунку зображено графік функції y = f(x), визначеної на відрізку [1; 9]. Доберіть до початку речення (1–3) його закінчення (А − Д) ...
13 коментарів
Read more »

Первісна функції

Правила інтегрування C⋅f(x)dx=C⋅ f(x)dx (f(x)±g(x))dx= f(x)dx± g(x)dx Таблиця первісних x n dx= +C dx=ln|x|+C sinxdx=-cosx+C cosxdx=sinx+C dx=tgx+C dx= -ctgx+C a x dx= +C e x dx=e x +C Завдання. НМТ 2026 (демо). Позначте формулу для визначення площі S фігури, обмеженої графіками функцій 𝑦 = 2 𝑥 , 𝑦 = 2 та прямою 𝑥 = 0 (див. рисунок). S=\int_{0}^{2}2^x{dx} S=\int_{0}^{1}2^x{dx} S=\int_{0}^{1}(2^x-2){dx} S=\int_{0}^{1}(2-2^x){dx} S=\int_{0}^{2}(2-2^x){dx} Показати відповідь Г . Так як фігура обмежена числами 0 та 1 по осі абсцис, то ці числа є межами інтегрування. На даному проміжку фігура обмежена згори лінією у = 2, знизу лінією 𝑦 = 2 𝑥 . Тоді за формулою обчислення площі фігури S=\int_{0}^{1}(2-2^x){dx} . НМТ 2024. На рисунку зображено графік функції Обчисліть значення виразу . Відповідь 31 . Скористатись геометричним змістом визначеного інтеграла. НМТ 2024. Обчисліть інтеграл . Відповідь 10 . Скористатись форму...
8 коментарів
Read more »

Дійсні числа

Завдання. НМТ 2026 (демо). Кількість вироблених підприємством за рік столів відноситься до кількості виготовлених стільців як 3 : 4. Якою може бути сумарна кількість вироблених за рік підприємством столів і стільців? 72 87 91 95 101 Показати відповідь В . Якщо ввести коефіцієнт пропорційності х, то кількість столів буде 3х, а кількість стільців – 4х. Разом їх буде 3х + 4х = 7х. Отже, сумарна кількість вироблених за рік підприємством столів і стільців ділиться націло на 7, і лише число 91 задовольняє цій умові. Завдання. НМТ 2026 (демо). Узгодьте вираз (1– 3) із його значенням (А – Д), якщо m = -\frac{4}{3} 1 |𝑚 − 4| 2 4m −1 3 (3𝑚 + 1) 0 А –3 Б 1 В 0 Г 3 Д \frac{16}{3} Показати відповідь 1-Д, 2-А, 3-Б . 1. |-\frac{4}{3}-4|=|-\frac{4}{3}-\frac{12}{3}|=|\frac{-4-12}{3}|=|\frac{-16}{3}|=\frac{16}{3} 2. 4\cdot(-\frac{4}{3})^{-1} = 4\cdot (-\frac{3}{4}) = -3 (при зміні знака степеня дріб перевертається) 3. Кожне число, від'ємне від 0, в нульовій степені д...
3 коментарі
Read more »

Комбінаторика

1. Правило додавання . Якщо І об'єкт можна обрати а способами, а ІІ - b способами, то обрати або І об'єкт або ІІ об'єкт можна a+b способами. 2. Правило множення . Якщо І об'єкт можна обрати а способами, а ІІ - b способами, то обрати і І об'єкт і ІІ об'єкт можна a⋅b способами. 3. Перестановки . Якщо з n об'єктів потрібно обрати всі n, то це можна зробити P n =n!=1⋅2⋅3⋅...⋅(n-1)⋅n способами. 4. Розміщення . Якщо з n об'єктів потрібно обрати m, причому порядок обрання важливий, то це можна зробити = способами. 5. Комбінації . Якщо з n об'єктів потрібно обрати m, причому порядок обрання не важливий, то це можна зробити = способами. Примітка . Скорочення факторіалів = =5⋅6⋅7=210 Завдання. НМТ 2026 (демо). У квітковому магазині є 12 білих та 25 червоних троянд. Покупець замовив у цьому магазині букет із двох білих троянд й однієї червоної. Скільки всього є варіантів такого вибору? Показати відповідь 1650 . Оскільки порядок вибору листіво...
15 коментарів
Read more »

Тригонометричні вирази

Функція 0 o 30 o 45 o 60 o 90 o 180 o 270 o sin 0 1 0 -1 cos 1 0 -1 0 tg 0 1 не існує 0 не існує сtg не існує 1 0 не існує 0 Знаходження значень невідомих тригонометричних функцій за відомими: sin 2 α+cos 2 α = 1 tgαctgα = 1 1+tg 2 α = 1+ctg 2 α = tgα = ctgα = Тригонометричні функції суми кутів: sin(α+β) = sinα⋅cosβ+cosα⋅sinβ sin(α-β) = sinα⋅cosβ-cosα⋅sinβ cos(α+β) = cosα⋅cosβ-sinα⋅sinβ cos(α-β) = cosα⋅cosβ+sinα⋅sinβ tg(α+β) = tg(α-β) = Формули зведення: 1. Визначити знак функції для даного кута. Функція (0,90 o ) (90 o ,180 o ) (180 o ,270 o ) (270 o ,360 o ) sin + + - - cos + - - + tg,ctg + - + - 2. Якщо перехід здійснено через π, 2π функцію ...
Дописати коментар
Read more »