КурсыБлог

Онлайн-курс
по основам
HTML 5 и CSS 3

О курсе

Онлайн-курс по HTML и CSS — это отправная точка в карьере разработчика web-сайтов. Именно с верстки начинали большинство web-программистов и верстальщиков. При этом обучение основам HTML открывает двери не только в web-разработку, но и в другие интернет-профессии.

Почти у каждой компании есть сайт, который нужно развивать и обновлять. И речь не только о программировании, но и о ежедневном размещении контента, а также маркетинговых материалов. Поэтому работа в этом направлении будет всегда.

На наших курсах в онлайн формате вы получите базовые знания и навыки, необходимые для старта в профессию. Обучение проходит по видео-урокам с закрепляющими практическим заданиями прямо в браузере.

Чему вы научитесь

Пройдя все уроки и выполнив интерактивные задания вы научитесь:

  • Подбирать семантически правильные HTML-теги.

  • Выбирать подходящие под задачи CSS-свойства.

  • Использовать CSS-селекторы для обращения к любым HTML-элементам на странице.

  • Работать с рамками, а также с внутренними и внешними отступами.

  • Работать с текстом, изображениями, формами.

  • Добавлять на страницу векторные и растровые изображения, а также видео.

  • Правильно позиционировать спрайты.

  • Верстать сайты целиком и отдельные элементы страниц.

  • Формировать валидную структуру HTML-документа.

  • Строить многоколончатые сетки и управлять потоком документа.

  • Применять абсолютное, относительное и фиксированное позиционирование.

  • Создавать сложные формы для отправки данных.

  • Отправлять данные GET и POST методами.

  • Подключать внешние нестандартные шрифты.

  • Создавать сложные таблицы.

  • Пользоваться встроенными возможностями браузеров.

  • Извлекать из Photoshop-макетов элементы и их параметры.

  • Узнаете как работают браузеры, сервера и интернет.

Программа курса

Интенсивная программа с короткими видео-уроками и большим количеством практики.
Обучение HTML5 и CSS3 на примере реального Photoshop-макета.

  1. 1

    Введение в HTML и CSS

    6 уроков, 15 заданий

    Познакомитесь с основами HTML и CSS.
    Узнаете, что такое HTML-документ и их каких частей он состоит.
    Освоите базовые инструменты верстальщика.

  2. 2

    Базовые понятия интернета

    6 уроков, 12 заданий

    Познакомитесь с тем как работает интернет
    и как браузеры взаимодействуют с сайтами.
    Научитесь отличать фронтенд от бэкенда.
    Узнаете, что такое хостинг и протокол HTTP.

  3. 3

    HTML теги

    11 уроков, 29 заданий

    Познакомитесь с основными HTML-тегами.
    Научитесь добавлять на страницу текст, изображения, списки и таблицы.
    Освоите правила вложенности тегов.
    Научитесь пользоваться официальной спецификацией.

  4. 4

    Основы CSS

    19 уроков, 47 заданий

    Познакомитесь с селекторами и CSS-свойствами.
    Научитесь обращаться к любым HTML-элементам на странице и изменять их внешний вид.
    Освоите работу со шрифтами, отступами, рамками и границами.

  5. 5

    Работа с изображениями

    10 уроков, 19 заданий

    Узнаете разницу между растровой и векторной графикой.
    Освоите экспорт изображений из макетов и вставку на страницу.
    Научитесь работать со спрайтами, а также фоновыми изображениями.

  6. 6

    Структура документа

    5 уроков, 9 заданий

    Узнаете из каких элементов состоит современный HTML-документ.
    Научитесь правильно выбирать и использовать теги section, header, footer, nav и article.

  7. 7

    Блоки и сетка документа

    15 уроков, 35 заданий

    Научитесь работать с блочными и строчными элементами.
    Узнаете как изменять поток документа.
    Познакомитесь с особенностями выпадания и схлопывания внешних отступов блочных элементов.
    Научитесь работать со свойством float, а также строить сетки.
    Узнаете разницу между относительным, абсолютным и фиксированным позиционированием.

  8. 8

    Погружение в формы

    11 уроков, 23 задания

    Научитесь добавлять на страницу формы для отправки данных на сервер.
    Познакомитесь с основными типами данных и полей форм.
    Узнаете как отправлять файлы.
    Узнаете разницу между GET и POST запросами, а также научитесь использовать разные типы кнопок.

  9. 9

    Таблицы

    3 урока, 7 заданий

    Познакомитесь с HTML-таблицами.
    Научитесь объединять ячейки
    Узнаете о расширенных возможностях таблиц.

  10. 10

    Завершение курса

    1 урок

    Познакомитесь с дополнительными инструментами верстальщика.

Кому подойдет этот курс

Обучение HTML и CSS по видеоурокам рассчитано на широкую аудиторию и не требует предварительной подготовки.
Курс по HTML отлично подойдет верстальщикам и начинающим web-программистам.

  • HTML для начинающего web-разриботчика

    Начинающему web-разработчику

    Научитесь технологиям, без которых нельзя сделать ни один сайт.

    Узнаете как устроен интернет и построите фундамент для изучения более сложных web-технологий.

  • HTML для web-мастера

    Web-мастеру

    Научитесь грамотно работать с HTML-страницами без помощи верстальщиков.

    Сможете вносить правки в шаблоны и CSS-стили.

  • HTML и CSS для верстальщика

    Верстальщику

    Научитесь верстать сайты на HTML5 и CSS3. Спроектируете свои первые сетки и оформите стилями различные элементы сайта: от меню до подвала.

    Познакомитесь с семантикой, базовыми тегами и свойствами.

Востребованность HTML и CSS

HTML и CSS – две ключевые технологии, с помощью которых делают интернет-сайты.
Именно с этих языков начинают свою карьеру многие программисты.

  • > 7000

    вакансий требуют
    владения HTML и CSS

  • 95%

    вакансий на должность
    backend-программиста
    требуют умения верстать

  • 99%

    вакансий на должность
    frontend-программиста
    требуют знания HTML5 и CSS3

Умение верстать — навык, который нужен не только программистам, но и контент-менеджерам, дизайнерам,
верстальщикам, системным администраторам, копирайтерам, маркетологам, аналитикам.

*По данным HH.RU

Преподаватель

Никита Шультайс (преподаватель)

Никита Шультайс

Профессиональный web-программист с опытом коммерческой разработки более 10 лет. Преподаватель, автор курсов и статей по программированию и верстке.

  • Fullstack-разработчик на Python/Django.
  • Автор курсов по Python, SQL, HTML, CSS.
  • Участник олимпиад по математике и программированию.
  • Научил IT-навыкам более 5000 человек.
  • Победитель конкурса образовательных проектов Edcrunch Award.
  • Автор статей в журнале Linux Format.

Дизайн-макет

Разбираем реальные Фотошоп-макеты квартирного бюро.
Главная страница, список квартир, о компании, карточка бронирования, отзывы.
Все макеты доступны для скачивания.

PSD макет

Сертификат

Ученики, которые изучат теорию и решат все задачи — получают сертификат о прохождении онлайн курса по HTML и CSS.

Вы можете добавить сертификат в резюме или отправить ссылку работодателю.

Сертификат — это подтверждение ваших навыков и знаний.

Сертификат
выдан
Ивану
Петрову
и подтверждает, что он закончил онлайн курс
Введение в HTML5 и CSS3
Продолжительность курса: 6 часов 25 минут
Уроков пройдено: 87/87 (100%)
Заданий решено: 196/196 (100%)
Генеральный директор
Shultais Education
Никита Шультайс

Компании, в которых работают наши ученики

  • Mail.ru
  • ВТБ
  • Сбербанк
  • МТС
  • Промсвязьбанк
  • Магнит
  • СК Согласие
  • Райффайзен Банк
  • Высшая школа экономики (ВШЭ)
  • РУДН
  • Сибур
  • СГК
  • Контур
  • Epam
  • Playrix

Отзывы учеников

24 положительных отзыва, средняя оценка

Рейтинг курса
  • КавычкиРечь
    Введение в HTML5 и CSS3 - это второй курс, который я прохожу на сайте. Когда возникла необходимость решение было в пользу Shultais education. Отличное соотношение цена/качество. Невысокая цена и системный «костяк знаний», на который ты сам можешь нарастить нужные «мышцы». Курс мне понравился, курс рекомендую. Никите спасибо за доступное изложение.
  • КавычкиРечь
    Отличный курс! Появилось понимание структуры кода. Обратная связь по возникающим вопросам быстро. Рекомендую!
  • КавычкиРечь
    С этим курсом я начала знакомство с HTML и CSS! Отличная подача материала без воды, много практики и заданий.

    Особенно важно, что каждое Новое задание завязано не на одну пройденную тему, а на весь пройденный материал, поэтому запоминается всё системно.
  • КавычкиРечь
    Для меня курс был очень полезен, я почерпнул из него много нового и нужного, и к курсу, а точнее его лекциям и своим работам буду ещё не раз обращаться как к шпаргалке.
Еще отзывы

Стоимость курса

  • 87 уроков
  • 196 заданий
  • Сертификат
  • Поддержка преподавателя
  • Доступ к курсу навсегда
3900 ₽
  • Можно в рассрочку

Регистрация

или
Письмо со ссылкой для доступа отправлено.
Проверьте почту.

Письмо не пришло? Посмотрите в спаме.
Регистрируясь, вы соглашаетесь с условиями предоставления услуг (пользовательское соглашение).

Остались вопросы?

  • 1. Подойдет ли мне ваша учебная программа?

    Мы обучаем HTML и CSS с нуля, а сами языки предназначены для широкого круга пользователей и не требуют предварительной подготовки.

    В любом случае — попробуйте. Первые 6 уроков и 15 заданий доступны бесплатно после регистрации.
    Этого хватит, чтобы оценить подачу и сложность материалов.

  • 2. Как, когда и в какое время я буду учиться?

    Все уроки доступны Online в записи, поэтому обучение можно начинать в любой момент.
    Ограничений по времени прохождения также нет, можете спокойно ехать в отпуск, а затем без проблем продолжать занятия.

  • 3. Сколько длится обучение?

    В среднем ученики проходят весь курс по HTML за месяц занимась по 15-20 минут в день.

  • 4. Что делать если у меня возникнут сложности во время обучения?

    Под каждым уроком и заданием есть форум поддержки, через который ученики могут задать вопрос преподавателю.

    Обычно помощь приходит в течение 24 часов.