
Всього 8 занять в нашому навчальному центрі і Ви зможете:
- верстати надскладні проекти сайтів;
- використовувати такі технології як мову розмітки HTML і каскадні таблиці стилів CSS.
Викладач курсу веб дизайн: HTML + CSS

Ярослав
Більше 10 років досвіду в розробці сайтів. З них як мінімум 7 спеціалізується на WordPress розробці рішень різного рівня складності.
Відмінно орієнтується в HTML, CSS, JavaScript і реалізації Front end рішень на основі React JS.
Який варіант навчання підходить Вам?
Дистанційне (on line) навчання
- графік занять підлаштовується під Вас;
- можна займатися прямо з дому;
- не потрібно нікуди їхати;
- практика на Ваших задачах;
- можливо пройти курс за кілька днів.
10 занять
20 навчальних годин
6 900 грн
-40% на навчання
Щоб записатися на пробне заняття досить внести аванс 500 грн.
Групове навчання:
- не більше 4х осів у групі;
- вибираєте час і дні занять;
- групи стартують протягом 3х тижнів.
10 занять
20 навчальних годин
5 000 грн
-20% на навчанні
Індвідуальне навчання:
- графік занять підлаштовуется під Вас;
- можливість переносити і відміняти заняття;
- проактика на Ваших проектах;
- старт курса протягом тижня;
- можливість профти курс за кілька днів.
10 занять
20 навчальних годин
6 900 грн
-20% на навчанні
Спеціальні задачі кліентів
Є питання відповіді на які не передбачені в стандартній програмі? Наші тренери розроблять експлюзивний курс під Ваші задачі.
- адаптована під Вас програма курсу;
- практика на Ваших прикладах;
- мінімальне замовлення - одне заняття.
1 заняття
2 навчальні години
1 000 грн
-20% від вартості кожного заняття
- Заощадь 50% від вартості
- Займаючись індивідуально Ви можете запросити ще одну людину і розділити вартість навчання з нею навпіл. При цьому кожен з Вас заплатить набагато менше ніж при занятті в групі, а всі переваги індивідуального навчання збережуться.
ЗНИЖКА ПО ЦІЙ АКЦІЇ плюсуеться С БУДЬ-ЯКІ ІНШІ ЗНИЖКОЮ!
Знижки і акції
Програма курсу Web-дизайн
Знайомство з HTML:
- клієнт-серверна модель (архітектура);
- вибір середовища для подальшої роботи;
- знайомство з панеллю відладки Google;
- принцип роботи вебу, складові інтернет-сторінки;
- ознайомлення з поняттями HTML - тег, атрибут, парні та одиночні теги, правило вкладеності тегів;
- стандартні теги інтернет-сторінки;
- теги для виведення текстового контенту - заголовки, абзаци;
- теги для декорування тексту;
- списки в HTML.
Практика: створення HTML-сторінки з нуля. Додавання основних текстових елементів та їх декорування.
HTML-теги, продовження:
- додавання посилань на сторінку;
- відносна та абсолютна адреса;
- виведення зображення на сторінку - формати зображень, атрибути для роботи з зображеннями;
- таблиці в HTML;
- об’єднання комірок таблиці по рядках та по стовпцях.
Практика: додавання на сторінку посилань на ресурси з мережі Інтернет та на локальні файли комп’ютера. Завантаження зображень на сторінку. Робота з нескладними таблицями, об’єднування комірок всередині таблиці.
Форми:
- додавання форми на сторінку;
- атрибути форми;
- теги для введення інформації в формі;
- типи тегів input;
- кнопки у формах.
Практика: реалізувати форму реєстрації на сайті, використовуючи максимальну кількість полів.
Каскадні таблиці стилів CSS:
- знайомство з CSS;
- переваги використання CSS;
- види стилів;
- поняття селектору;
- зміна вигляду елементів за допомогою базових селекторів.
Практика: створення HTML-структури з додаванням декоративних властивостей за допомогою CSS.
Блочна модель, типи елементів:
- вивчення властивостей блочної моделі;
- особливості використання блочних властивостей;
- базові типи елементів;
- властивості елементів в залежності від їх типу;
- реакція елементів на дію над ними.
Практика: реалізація меню сторінки.
Розташування елементів:
- плаваючі елементи;
- особливості використання плаваючих елементів;
- позиціонування елементів на сторінці;
- види позиціонування;
- особливості спозиціонованих елементів.
Практика: створення примітивної сторінки та зміна положення елементів у ній за допомогою вивчених властивостей.
Практична робота:
- вибір макету для розробки;
- розбір макету по структурних елементах;
- побудова HTML-коду, відповідно до структури отриманого макету;
- основи роботи з Photoshop.
Практика: побудова верхніх блоків у HTML відповідно до заданого макету.
Втілення індивідуального дизайну:
- додавання стилів для першого блоку;
- експортування зображень з Photoshop;
- додавання фонових зображень;
- основні властивості для роботи з фоном;
- реалізація головного меню, відповідно до стилів, отриманих з Photoshop.
Практика: написання стилів для шапки сайту.
Продовження роботи зі стилями:
- різні способи поставити елементи в рядок;
- реалізація списку за допомогою CSS;
- робота зі шрифтами - підключення та використання;
- особливі властивості шрифтів.
Практика: підключення шрифтів до сайту, реалізація списку на CSS.
Побудова блоків з позиціонуванням, селектори:
- аналіз макету на наявність спозиціонованих елементів;
- вибір правильного позиціонування;
- складні селектори - принципи їх побудови та особливості використання.
Практика: побудова блоків, що позиціонуються в макеті. Написання та використання складних селекторів.