Как освоить базовые навыки 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

Построение блоков с позиционированием, селекторы:

  • анализ макета на наличие спозиционированных элементов;
  • выбор правильного позиционирования;
  • сложные селекторы - принципы их построения и особенности использования.

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

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

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