Как освоить базовые навыки Front-End разработки и научится верстать собственные Веб страницы. Попробуйте себя в качестве девелоперов пройдя простой курс с практикующими преподавателями.
Ярослав
Автор методики и программы курса

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

Как освоить базовые навыки Front-End разработки и научится верстать собственные Веб страницы. Попробуйте себя в качестве девелоперов пройдя простой курс с практикующими преподавателями.
Старт занятий в течении недели. Оставить заявку

Технологии:

HTML   CSS   SUBLIME

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

  • Использовать самый современный редактор для верстальщиков Adobe Dreamweaver, а также использовать Adobe Photoshop при верстке макетов, нарисованных в этой программе и сохраненных в формате PSD
  • Верстать сверхсложные проекты сайтов, даже для таких движков как Joomla! и прочие, используя современную блочную верстку на тегах
  • Использовать такие технологии как язык разметки 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

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

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

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

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

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