Як освоїти базові навички Front-End розробки і навчиться верстати власні Веб сторінки. Спробуйте себе в якості девелоперів пройшовши простий курс з практикуючими викладачами.
Ярослав
Автор методики і програми курсу

Курси Веб дизайну: HTML + CSS on-line

Як освоїти базові навички Front-End розробки і навчиться верстати власні Веб сторінки. Спробуйте себе в якості девелоперів пройшовши простий курс з практикуючими викладачами.
Старт занять протягом тижня Стати розробником

Технології:

HTML   CSS   SUBLIME

Всього 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 грн

При замовленні 5-ти занять і більше:

-20% від вартості кожного заняття


Экономьте 50%

Заощаджуйте 50% від вартості курсу

Займаючись індивідуально Ви можете запросити ще одну людину і розділити вартість навчання з ним навпіл. При цьому всі переваги індивідуального навчання збережуться.
ЗНИЖКА ПО ЦІЙ АКЦІЇ ПЛЮСУЄТЬСЯ З БУДЬ-ЯКОЮ ІНШОЮ ЗНИЖКОЮ!

Програма курсу Web-дизайн

1

Знайомство з HTML:

  • клієнт-серверна модель (архітектура);
  • вибір середовища для подальшої роботи;
  • знайомство з панеллю відладки Google;
  • принцип роботи вебу, складові інтернет-сторінки;
  • ознайомлення з поняттями HTML - тег, атрибут, парні та одиночні теги, правило вкладеності тегів;
  • стандартні теги інтернет-сторінки;
  • теги для виведення текстового контенту - заголовки, абзаци;
  • теги для декорування тексту;
  • списки в HTML.

Практика: створення HTML-сторінки з нуля. Додавання основних текстових елементів та їх декорування.

2

HTML-теги, продовження:

  • додавання посилань на сторінку;
  • відносна та абсолютна адреса;
  • виведення зображення на сторінку - формати зображень, атрибути для роботи з зображеннями;
  • таблиці в HTML;
  • об’єднання комірок таблиці по рядках та по стовпцях.

Практика: додавання на сторінку посилань на ресурси з мережі Інтернет та на локальні файли комп’ютера. Завантаження зображень на сторінку. Робота з нескладними таблицями, об’єднування комірок всередині таблиці.

3

Форми:

  • додавання форми на сторінку;
  • атрибути форми;
  • теги для введення інформації в формі;
  • типи тегів input;
  • кнопки у формах.

Практика: реалізувати форму реєстрації на сайті, використовуючи максимальну кількість полів.

4

Каскадні таблиці стилів CSS:

  • знайомство з CSS;
  • переваги використання CSS;
  • види стилів;
  • поняття селектору;
  • зміна вигляду елементів за допомогою базових селекторів.

Практика: створення HTML-структури з додаванням декоративних властивостей за допомогою CSS.

5

Блочна модель, типи елементів:

  • вивчення властивостей блочної моделі;
  • особливості використання блочних властивостей;
  • базові типи елементів;
  • властивості елементів в залежності від їх типу;
  • реакція елементів на дію над ними.

Практика: реалізація меню сторінки.

6

Розташування елементів:

  • плаваючі елементи;
  • особливості використання плаваючих елементів;
  • позиціонування елементів на сторінці;
  • види позиціонування;
  • особливості спозиціонованих елементів.

Практика: створення примітивної сторінки та зміна положення елементів у ній за допомогою вивчених властивостей.

7

Практична робота:

  • вибір макету для розробки;
  • розбір макету по структурних елементах;
  • побудова HTML-коду, відповідно до структури отриманого макету;
  • основи роботи з Photoshop.

Практика: побудова верхніх блоків у HTML відповідно до заданого макету.

8

Втілення індивідуального дизайну:

  • додавання стилів для першого блоку;
  • експортування зображень з Photoshop;
  • додавання фонових зображень;
  • основні властивості для роботи з фоном;
  • реалізація головного меню, відповідно до стилів, отриманих з Photoshop.

Практика: написання стилів для шапки сайту.

8

Продовження роботи зі стилями:

  • різні способи поставити елементи в рядок;
  • реалізація списку за допомогою CSS;
  • робота зі шрифтами - підключення та використання;
  • особливі властивості шрифтів.

Практика: підключення шрифтів до сайту, реалізація списку на CSS.

7

Побудова блоків з позиціонуванням, селектори:

  • аналіз макету на наявність спозиціонованих елементів;
  • вибір правильного позиціонування;
  • складні селектори - принципи їх побудови та особливості використання.

Практика: побудова блоків, що позиціонуються в макеті. Написання та використання складних селекторів.

Заявка на безкоштовну консультацію

Наш менеджер зв'яжеться з Вами найближчим часом. Надасть детальну інформацію про курс. І відповість на всі питання.