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

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

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

Технології:

HTML   CSS   SUBLIME

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

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

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

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

Всего 8 занятий в нашем учебном центре и Вы сможете:

  • Использовать самый современный редактор для верстальщиков Adobe Dreamweaver, а также использовать Adobe Photoshop при верстке макетов, нарисованных в этой программе и сохраненных в формате PSD
  • Верстать сверхсложные проекты сайтов, даже для таких движков как Joomla! и прочие, используя современную блочную верстку на тегах
  • Использовать такие технологии как язык разметки HTML и каскадные таблицы стилей CSS

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

Ярослав


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

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

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

Какой вариант обучения подходит Вам?

Групповое обучение

  • не более 4х человек в группе
  • выбираете время и дни занятий
  • группы стартуют в течении 3х недель

10 занятий

20 учебных часов

5 000 грн

Заполните форму и узнайте как сэкономить

-10% на обучении


Индивидуальное обучение

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

10 занятий

20 учебных часов

6 900 грн

Заполните форму и узнайте как сэкономить

-20% на обучении


Дистанционное (on line) обучение

  • индивидуальный график занятий
  • занимаетесь в удобном для Вас месте
  • не тратите время на дорогу

10 занятий

20 учебных часов

6 500 грн

Заполните форму и узнайте как сэкономить

-20% на обучении


Специальные задачи клиентов

Есть вопросы, ответы на которые не предусмотрены в стандартной программе? Наши тренеры разрабатывают эксклюзивный курс под Ваши задачи.

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

1 занятие

2 учебных часа

1 000 грн

При заказе пяти занятий и более:

-20% от стоимости каждого занятия


Cкидки и акции

Сэкономь 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

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

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

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

Заявка на бесплатную консультацию

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