Презентація "Курс за вибором "Веб-технології"

Курс за вибором “Веб-технології”

Особливості курсу Курс розрахований на 35 годин Основні теми Напрямки та інструменти веб-дизайну Проектування та верстка веб-сторінок Графіка та мультимедіа для веб-середовища Веб-програмування Основи дизайну та просування веб-сайту

Програмне забезпечення Notepad ++ Codepen(онлайн-компілятор)

Напрямки та інструменти веб-дизайну Перелік основних трендів веб-дизайну із демонстрацією конкретних прикладів Design Trends 2020 Види сайтів

Проектування та верстка веб-сторінок Мова розмітки гіпертексту HTML5 Каскадні таблиці стилів CSS3

Кросбраузерність і адаптивність веб-сторінок Кросбраузерність – це технологія розробки сайту, при якій весь сайт правильно відображається в різних браузерах. використання приставок до назв CSS-властивостей -moz- Firefox; -ms- в Edge и Internet Explorer; -webkit- в Safari, Chrome и браузерах на основі движків WebKit и Blink; -o- — старі версії браузера Opera на движку Presto. З 2013 г. Opera перейшла на движок Blink. Адаптивність - це оптимальне відображення веб-сторінок на різних пристроях незалежно від роздільної здатності Використання медіа-запитів Використання технології Flexbox( дозволяє автоматично організовувати відповідні елементи в контейнері залежно від розміру екрана ) Використання фреймворку Bootstrap( Використовується система «12 колонок», препроцессора Sass и десятків готових классів елементів.)

Графіка та мультимедіа для веб-середовища. Анімація 1. Розміщення аудіо та відео об’єктів на веб-сторінці. 2.Використання анімації для елементів веб-сторінки(спливаючі вікна, випадаюче меню, завантажувач, годинник та інші) 3. Створення 3d анімації

Веб-програмування Поняття DOM Поняття серверу Створення та використання форм Валідація форми: На стороні клієнта(вбудована перевірка форми; за допомогою JavaScript) На стороні сервера Розміщення сайту на хостингу

Основи дизайну та просування веб-сайту Правила ергономічного розміщення відомостей на веб-сторінці. Пошукова оптимізація та просування веб-сайтів(Реєстрація в пошукових системах, просування засобами соціальних мереж, контекстна (банерна) реклама)