Веб-технології
35 годин
| Очікувані результати | Зміст навчання | |
| Напрямки та інструменти веб-дизайну | ||
| Знаннєва складова Знає основні класифікації типів сайтів. Пояснює застосування різних технологій для розробки сайтів. Визначає тип сайту та прогнозує його цільову аудиторію. Діяльнісна складова Використовує та налаштовує інструментальні засоби для веб-розробки. Складає план розробки сайту. Створює макет інформаційної структури сайту. Ціннісна складова Усвідомлює важливість участі в діяльності глобальної інтернет-спільноти. | Основні тренди у веб-дизайні. Види сайтів та цільова аудиторія. Інформаційна структура сайту. Інструменти веб-розробника. | |
| Проектування та верстка веб-сторінок | ||
| Знаннєва складова Знає основні теги мови гіпертекстової розмітки і каскадних таблиць стилів та їх параметри. Пояснює переваги та недоліки різних прийомів верстки веб-сторінок. Діяльнісна складова Проектує веб-сторінки на основі попередньо розробленого макету. Створює веб-сторінки за допомогою мови гіпертекстової розмітки та каскадних аркушів стилів. Ціннісна складова Усвідомлює важливість кросбраузерної оптимізації сторінок сайту. Усвідомлює важливість адаптивної верстки сторінок сайту. | Мова гіпертекстової розмітки. Каскадні таблиці стилів. Проектування та верстка веб-сторінок. Адаптивна верстка. Кросбраузерність. | |
| Графіка та мультимедіа для веб-середовища | ||
| Знаннєва складова Пояснює принципи та методи створення та збереження зображень для веб-сторінок. Знає основні формати мультимедіа та теги їх додавання до веб-сторінок. Діяльнісна складова Використовує гіпертекстові, графічні, анімаційні та мультимедійні елементи на веб-сторінках. Ціннісна складова Дотримується авторських прав та ліцензій на використання графічних зображень та мультимедійних елементів на веб-сторінках. | Графіка для веб-середовища. Анімаційні ефекти. Мультимедіа на веб-сторінках. | |
| Веб-програмування | ||
| Знаннєва складова Описує об’єктну модель документа. Пояснює принципи взаємодії клієнт-сервер. Називає і наводить приклади використання основних елементів форм. Пояснює принцип роботи прикладного програмного інтерфейсу. Діяльнісна складова Створює та налагоджує інтерактивні веб-сторінки з використанням форм та веб-програмування. Створює та застосовує правила валідації даних, що вводяться у форму. Розміщує сайт на сервері. Ціннісна складова Визначає необхідність застосування програмних скриптів на стороні клієнта чи сервера. | Об’єктна модель документа. Веб-програмування та інтерактивні сторінки. Хостинг сайту. Веб-сервер та база даних. Взаємодія клієнт-сервер. Валідація та збереження даних форм. Прикладний програмний інтерфейс. | |
| Основи дизайну та просування веб-сайту | ||
| Знаннєва складова Наводить приклади оптимізації та стратегій просування веб-сайтів. Діяльнісна складова Виконує перевірку та оцінку сайту з точки зору ергономіки та пошукової оптимізації. Створює стратегію просування сайту. Ціннісна складова Дотримується правил ергономічного розміщення матеріалів на веб-сторінці. Ураховує особливості користувачів з особливими потребами при розробці веб-ресурсів. | Правила ергономічного розміщення відомостей на веб-сторінці. Пошукова оптимізація та просування веб-сайтів. | |
1 2 3 4 5 6 7 8 9 10 11