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

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

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

Технології:

HTML   CSS   SUBLIME

Мова викладання:

УКРАЇНСЬКА   РОСІЙСЬКА

Мова інтерфейсу програм:

РОСІЙСЬКА   АНГЛІЙСЬКА

Всього 8 занять в нашому навчальному центрі і Ви зможете:

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

Преподаватели курса Web-дизайн

Ярослав


Более 7 лет разрабатываю сайты. Из них как минимум 5 на ВордПресс. Очень детально разобрался с этой CMS и с радостью поделюсь своими знаниями.

Уверен что если правильно подойти к вопросу, то абсолютно любой человек сможет разработать сайт на этой системе. Главное настойчивость и умение.

«Признак хорошего образования - говорить о самых высоких предметах самыми простыми словами.»

Який варіант навчання підходить Вам?

Групове навчання:

  • не більше 4х осів у групі;
  • вибираєте час і дні занять;
  • групи стартують протягом 3х тижнів.

10 занять

20 навчальних годин

5 000 грн

Заповніть форму і дізнайтесь як зекономити

-20% на навчанні


Індвідуальне навчання:

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

10 занять

20 навчальних годин

6 900 грн

Заповніть форму і дізнайтесь як зекономити

-20% на навчанні


Дистанційне (on line) навчання:

  • індивідуальний графік занять;
  • займаєтесь в зручному для Вас місці;
  • не витрачаете час на дорогу.

10 занять

20 навчальних годин

6 500 грн

Заповніть форму і дізнайтесь як зекономити

-20% на навчанні


Спеціальні задачі кліентів

Є питання відповіді на які не передбачені в стандартній програмі? Наші тренери розроблять експлюзивний курс під Ваші задачі.

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

1 заняття

2 навчальні години

1 000 грн

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

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


Знижки і акції

Заощадь 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

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

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

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

Отдел международной логистики