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

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

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

Технології:

HTML   CSS   SUBLIME

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

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

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

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

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

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

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

Кузняк Ярослав

Веб-дизайн, Тестування ПЗ, Создание сайта на CMS Wordpress, Интернет-магазин на Wordpress


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

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

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

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

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

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

8 занятий

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

3 400 грн

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

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


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

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

8 занятий

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

4 800 грн

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

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


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

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

8 занятий

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

4 200 грн

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

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


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

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

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

1 занятие

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

1 000 грн

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

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


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

Сэкономь 50% от стоимости
Занимаясь индивидуально Вы можете пригласить еще одного человека и разделить стоимость обучения с ним пополам. При этом каждый из Вас заплатить гораздо меньше чем при занятии в группе, а все преимущества индивидуального обучения сохранятся.
СКИДКА ПО ЭТОЙ АКЦИИ ПЛЮСУЕТСЯ С ЛЮБОЙ ДРУГОЙ СКИДКОЙ!

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

1

Основи термінології і загальна інформація про створення сайтів:

  • знайомство з HTML. Що таке тег;
  • розгляд основних тегів для роботи з текстом, наведених в панелі Вставка / Текст (теги strong, em, p, h1, h2, h3 та інші);
  • тег переносу рядків br. Різниця між блоковими і лінійними тегами;
  • тег для вставки цитати blockquote;
  • тег для вставки форматованого тексту pre;
  • упорядкований і невпорядкований списки ol і ul, і елементи списку li;
  • атрибути тегів (align, title та інші);
  • вставка спец. символів, яких немає на клавіатурі.
2

Робота з посиланнями і мультимедіа:

  • розгляд тегів для вставки основних елементів html, наведених в панелі Вставка / Загальний;
  • вставка коментаря;
  • вставка посилань тегом a;
  • вставка посилання на електронну пошту;
  • вставка якоря (іменованої прив'язки);
  • роздільник hr;
  • вставка картинок тегом img;
  • вставка таблиць;
  • вставка опису і ключових слів сторінки;
  • блоковий тег div і лінійний тег span.
3

Работа с формами и их элементами:

  • розгляд тегів для вставки основних елементів форм, наведених в панелі Вставка / Форми;
  • тег form для додавання форми на сайт;
  • створення форми авторизації або форми зворотного зв'язку з використанням таких елементів форми як текстове поле, поле для введення пароля, область тексту, прапорець, перемикач, кнопка відправити і скинути форму;
  • створення підписів до полів за допомогою тега label;
  • об'єднання декількох полів за допомогою тега набору полів fieldset.
4

Робота з каскадними таблицями стилів CSS:

  • знайомство з каскадною таблицею стилів CSS;
  • підключення зовнішньої таблиці стилів до html сторінці за допомогою тега link;
  • звернення до тегу, ідентифікатору і класу;
  • істотна різниця між ідентифікатором і класом;
  • звернення до елементу по батьківському тегу, ідентифікатору або класу;
  • властивості color і background-color;
  • властивість для вирівнювання тексту по горизонталі text-align;
  • властивість line-height для зміни міжрядкового інтервалу (висоти рядку);
  • властивість text-indent для зміщення тексту (відступ для абзацу).
5

Робота з основними властивостями CSS:

  • створення красивого кнопкового меню на неврегульованих списку ul;
  • приховування маркерів властивістю list-style-type: none;
  • властивість background-image;
  • вказівка розмірів за допомогою властивостей width і height;
  • відображення лінійного елемента блоковим за допомогою властивості display: block;
  • псевдоклас: hover, який відповідає за наведення на елемент;
  • псевдоклас: active, що відповідає за натискання на елемент;
  • внутрішній відступ елементів padding;
  • зовнішній відступ елементів margin;
  • межа елементів border.
6

Основи блокової верстки сайту з макета:

  • основи верстки сайту;
  • табличная і блокова (div-ная) верстка;
  • основи роботи з макетом сайту, намальованим в програмі photoshop в psd-форматі;
  • основні підходи для заливки блоку градієнтом (використовується зображення в 1px).
7

Створення колонок і основнлї розмітки сайту:

  • розмітка html-сторінки на колонки за допомогою властивості float: left;
  • використання зовнішнього відступу колонок зліва і справа щоб остання колонка не з'їжджала в Internet Explorer;
  • використання властивості очищення clear: both після останньої колонки щоб розтягнути батьківський блок.
8

Оформлення зовнішнього вигляду сайту за макетом:

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

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

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