Програма навчання "Веб-розробка"

3 місяці = 24 заняття = 48 акад год.

Завдання курсу – надати знання та вміння веб-розробника, ознайомити з мовами HTML/CSS та інструментами, які необхідні для ефективної роботи. Пройшовши цей курс, діти навчаться створювати веб-сторінки, володіти сервісами та інструментами та правильно їх використовувати. В кінці курсу передбачена практична робота, презентація її та захист перед батьками та викладацьким колективом, в даному випадку це буде повноцінний веб-сайт, розміщений в Інтернеті.

Вступ до HTML
- Що таке сайт. Що являє собою веб-сторінка. Що таке HTML та CSS. Призначення цих мов.
- Середовище написання коду. Робота з редактором Brackets. Налаштування програми. Корисні комбінації клавіш.
- Поняття тегу. Види тегів. Правила написання коду. Структура HTML документа. Коментарі в HTML.

Основні теги
- Основні теги форматування тексту. Структурні теги. Поняття атрибуту тега.
- Правила вкладення тегів. Перевірка сторінки на наявність помилок.
- Списки. Види списків. Налаштування вигляду списків. Багаторівневі списки.

Зображення
- Формати зображень, їх відмінності та призначення. Зміна розміру зображення.
- Альтернативний текст зображення.

Таблиці
- Створення таблиць. Об'єднання комірок.
- Стильове оформлення таблиць.

Гіперпосилання
- Види посилань. Поняття «Якір». Основні атрибути гіперпосилань.

CSS
- Синтаксис CSS. Поняття селектора, властивості, значення.
- Способи підключення CSS до сторінки. Коментарі в CSS.
- Селектори. Види селекторів. Псевдокласи. Псевдоелементи.
- Пріоритети застосування стилів. «Вага» селекторів.

Колір та фон
- Робота з кольором. Способи задання кольору. Модель RGB. Робота з напівпрозорістю.
- Фоновий колір.
- Фонове зображення. Налаштування фонового зображення. Зображення «спрайти».

Шрифти
- Види шрифтів. Підключення нестандартних шрифтів. Стильові властивості тексту.

Div-контейнери, поняття блочної верстки
- Висота та ширина. Рамки border & outline, відступи margin & padding.
- Вирівнювання в ряд за допомогою float & display.
- Позиціювання. Види позиціювання.

Форми
- Призначення форм. Елементи форми. Налаштування елементів форми.
- Стилізація елементів форм.

Теги HTML5
- Структурні теги HTML5. Підключення аудіо, відео.
- Елементи форм HTML5. Валідація елементів форм.

Властивості CCS3
- Градієнт. Види та налаштування градієнта. Тіні. Округлення кутів.
- Трансформація. Анімація (transition, keyframes).
- Сервіси, що генерують стилі.

Основи роботи в графічному редакторі Adobe Photoshop
- Зчитування кольорів, параметрів тексту, тіней, градієнтів. «Нарізка» psd-макету.

Адаптивна верстка
- Медіа-запити. Flexbox. Bootstrap.

Розміщення сайту в Інтернет
- Реєстрація хостингу, домену.
- Робота з FTP-клієнтом Filezilla.

ВАРТІСТЬ КУРСУ: 6 500 грн

Записатися

 






×
Записатися

 







×