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

Ярослав
Більше 10 років досвіду в розробці сайтів. З них як мінімум 7 спеціалізується на WordPress розробці рішень різного рівня складності.
Відмінно орієнтується в HTML, CSS, JavaScript і реалізації Front end рішень на основі React JS.
Вартість і умови навчання
Дистанційне (on line) навчання
- графік занять підлаштовується під Вас;
- можна займатися прямо з дому;
- не потрібно нікуди їхати;
- практика на Ваших задачах;
- можливо пройти курс за кілька днів.
10 занять
20 навчальних годин
6 900 грн
-20% на навчання
Щоб заощадити на навчанні, потрібно внести повну вартість курсу (з урахуванням знижки 20%) до 2-го заняття, включно. Щоб записатися, досить внести 500 грн. і узгодити дату та час першого заняття.
Спеціальні задачі клієнтів
Є питання, відповіді на які не передбачені в стандартній програмі? Наші тренери розробляють ексклюзивний курс під Ваші задачі.
- тільки відповіді на Ваші запитання;
- зможете вирішити свої завдання разом з викладачем;
- індивідуальний підхід до кожного учня.
1 заняття
2 навчальні години
1 600 грн
-20% від вартості кожного заняття

Заощаджуйте 50% від вартості курсу
Займаючись індивідуально Ви можете запросити ще одну людину і розділити вартість навчання з ним навпіл. При цьому всі переваги індивідуального навчання збережуться.
ЗНИЖКА ПО ЦІЙ АКЦІЇ ПЛЮСУЄТЬСЯ З БУДЬ-ЯКОЮ ІНШОЮ ЗНИЖКОЮ!
Програма курсу Web-дизайн
Знайомство з HTML:
- клієнт-серверна модель (архітектура);
- вибір середовища для подальшої роботи;
- знайомство з панеллю відладки Google;
- принцип роботи вебу, складові інтернет-сторінки;
- ознайомлення з поняттями HTML - тег, атрибут, парні та одиночні теги, правило вкладеності тегів;
- стандартні теги інтернет-сторінки;
- теги для виведення текстового контенту - заголовки, абзаци;
- теги для декорування тексту;
- списки в HTML.
Практика: створення HTML-сторінки з нуля. Додавання основних текстових елементів та їх декорування.
HTML-теги, продовження:
- додавання посилань на сторінку;
- відносна та абсолютна адреса;
- виведення зображення на сторінку - формати зображень, атрибути для роботи з зображеннями;
- таблиці в HTML;
- об’єднання комірок таблиці по рядках та по стовпцях.
Практика: додавання на сторінку посилань на ресурси з мережі Інтернет та на локальні файли комп’ютера. Завантаження зображень на сторінку. Робота з нескладними таблицями, об’єднування комірок всередині таблиці.
Форми:
- додавання форми на сторінку;
- атрибути форми;
- теги для введення інформації в формі;
- типи тегів input;
- кнопки у формах.
Практика: реалізувати форму реєстрації на сайті, використовуючи максимальну кількість полів.
Каскадні таблиці стилів CSS:
- знайомство з CSS;
- переваги використання CSS;
- види стилів;
- поняття селектору;
- зміна вигляду елементів за допомогою базових селекторів.
Практика: створення HTML-структури з додаванням декоративних властивостей за допомогою CSS.
Блочна модель, типи елементів:
- вивчення властивостей блочної моделі;
- особливості використання блочних властивостей;
- базові типи елементів;
- властивості елементів в залежності від їх типу;
- реакція елементів на дію над ними.
Практика: реалізація меню сторінки.
Розташування елементів:
- плаваючі елементи;
- особливості використання плаваючих елементів;
- позиціонування елементів на сторінці;
- види позиціонування;
- особливості спозиціонованих елементів.
Практика: створення примітивної сторінки та зміна положення елементів у ній за допомогою вивчених властивостей.
Практична робота:
- вибір макету для розробки;
- розбір макету по структурних елементах;
- побудова HTML-коду, відповідно до структури отриманого макету;
- основи роботи з Photoshop.
Практика: побудова верхніх блоків у HTML відповідно до заданого макету.
Втілення індивідуального дизайну:
- додавання стилів для першого блоку;
- експортування зображень з Photoshop;
- додавання фонових зображень;
- основні властивості для роботи з фоном;
- реалізація головного меню, відповідно до стилів, отриманих з Photoshop.
Практика: написання стилів для шапки сайту.
Продовження роботи зі стилями:
- різні способи поставити елементи в рядок;
- реалізація списку за допомогою CSS;
- робота зі шрифтами - підключення та використання;
- особливі властивості шрифтів.
Практика: підключення шрифтів до сайту, реалізація списку на CSS.
Побудова блоків з позиціонуванням, селектори:
- аналіз макету на наявність спозиціонованих елементів;
- вибір правильного позиціонування;
- складні селектори - принципи їх побудови та особливості використання.
Практика: побудова блоків, що позиціонуються в макеті. Написання та використання складних селекторів.
Заявка на безкоштовну консультацію
Наш менеджер зв'яжеться з Вами найближчим часом. Надасть детальну інформацію про курс. І відповість на всі питання.