Для перехода в WhatsApp оставьте телефон
Отправляя заявку, вы соглашаетесь с политикой обработки персональных данных.
Главная / Школа программирования и аналитики / Онлайн-курсы HTML и CSS для начинающих
доступно онлайн и офлайн

Онлайн-курсы HTML и CSS для начинающих

Вы научитесь верстать адаптивные веб-страницы, добавлять эффекты и анимацию. Сможете менять стиль любых элементов сайта и брать заказы по верстке на фрилансе от 5000 рублей за один макет
11300
6800
скидка до 30 Ноября
оставить заявку

Что тебя будет ждать на курсе

Доступ к обучающей платформе
Учись где и когда захочешь: видео-лекции, вебинары, практические задания и поддержка доступны в вашем личном кабинете на учебной платформе
Практические задания и работа над портфолио
Вы выполните несколько практических заданий, которые станут первыми работами в портфолио или кейсами в резюме
Проверка домашних заданий и разбор ошибок
После каждого практического задания вас ждет разбор работ с кураторами, вместе вы сможете найти ваши слабые места и проработаете их
Профессиональное комьюнити
В общем чате с преподавателями и одногруппниками вы найдете поддержку от профессионального сообщества и новых друзей со схожими интересами
Повышенная мотивация к обучению
Ты точно пройдешь обучение до конца! Поддержка комьюнити, кураторов и преподавателей помогут вам в освоении новой профессии или навыков
Поддержка кураторов
Наши кураторы – практикующие специалисты и профессионалы в сфере образования. Всегда на связи, чтобы ответить на вопросы и поддержать вас.

Программа обучения

3
недели
на курс
2
занятия
в неделю
5
практических
занятий
Старт
новой группы каждую
неделю, присоединяйтесь
в любой день
Гибкий
график
возможность заниматься
с разными группами
Блоки курса
1

Язык разметки HTML

1
1

содержание и инструменты

Изучите

  • 1.

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

  • 2.

    Работа в редакторе кода

  • 3.

    Панель разработчика

  • 4.

    Семантика в HTML

  • 5.

    Разбор видов тегов и атрибутов

  • 6.

    Применение гиперссылок и якорных ссылок

  • 7.

    Размещение изображений, таблиц, списков и спецсимволов

Освоите

HTML-документ

Теги и атрибуты

Таблицы и списки

Visual Code Studio

На практике

  • Написание кода для схематичного представления макета с использованием инструментов разработчика.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
2

Язык оформления стилей CSS

2
2

содержание и инструменты

Изучите

  • 1.

    Подключение стилей к странице

  • 2.

    Виды селекторов и их вес

  • 3.

    Свойства текста и шрифта

  • 4.

    Работа с цветом

  • 5.

    Блочные, строчные и строчно-блочные элементы

  • 6.

    Свойства блоков: box-sizing, margin, padding, border

  • 7.

    Позиционирование блоков

  • 8.

    Применение блоков для построения макета

Освоите

CSS синтаксис

Свойства стилей

Позиционирование блоков

Блочная верстка

На практике

  • Верстка блочной модели.

  • Добавление стилей: цвет, размер, отступы, позиционирование блоков.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
3

Работа с макетом

3
3

содержание и инструменты

Изучите

  • 1.

    Разбор дизайн-макета страницы

  • 2.

    Flexbox: контейнеры и элементы

  • 3.

    Свойства flex-элементов

  • 4.

    Управление пропорциями

  • 5.

    Управление порядками блоков

Освоите

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

Контейнеры

Flexbox верстка

Порядок блоков

На практике

  • Верстка макета на Flexbox.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
4

Адаптивная верстка

4
4

содержание и инструменты

Изучите

  • 1.

    Применение инструментов разработчика для адаптивной верстки

  • 2.

    Подходы к разработке

  • 3.

    Изменение стилей элемента в определенных условиях

  • 4.

    Условия @media

  • 5.

    Применение @media для различных типов и размеров экранов

  • 6.

    Адаптивные шаблоны

Освоите

Адаптивность

Desktop First

Условия @media

Мобильная верстка

На практике

  • Адаптация макета под мобильные устройства.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
5

Анимация на странице

5
5

содержание и инструменты

Изучите

  • 1.

    Взаимодействие пользователя с элементами на странице

  • 2.

    Выбор элементов для анимации

  • 3.

    Правила пользовательского дизайна

  • 4.

    Наложение эффектов на кнопки

  • 5.

    Этапы работы над анимацией: движение и вращение

  • 6.

    Разработка сложной анимации

Освоите

Анимация

Эффекты

Пользовательский дизайн

Вращение элемента

На практике

  • Наложение эффектов на кнопки страницы.

  • Создание блока с анимацией.

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

Как проходит обучение

Учитесь очно
в Онлайн

Повышенная мотивация к обучению за счет нахождения в комьюнити близких по духу людей

Живое общение с наставниками и одногруппниками

Регулярные занятия непосредственно в учебном центре

Комфортное пространство для обучения, большие оборудованные аудитории

Транспортная доступность: наши учебные центры всегда находятся в центре города

Учитесь онлайн
где угодно

«Живое» онлайн общение с преподавателями и наставниками

Доступ к курсу на 3 месяца: интерактивные задания, вебинары и записи занятий

Гибкий график обучения, который вы подбираете сами под себя

Отсутствие дополнительных расходов на транспорт

Возможность совмещать обучение с работой, путешествиями и параллельным обучением

-40%

Забронируйте обучение со скидкой до 30 ноября

6 800

11 300 без скидки 40%

Нажимая кнопку вы даёте свое согласие на обработку ваших персональных данных на условиях и для целей, определенных Политикой конфиденциальности

Затраты на курс
окупятся мигом

По завершении курса, ты сможешь прекрасно зарабатывать фрилансом, а кроме этого – у тебя появится возможность начать работать непосредственно в период обучения, окупая вложения и увеличивая свою прибыль

Cредние расценки в нише

зарплата начинающего HTML-верстальщика

50000

верстка макета веб-страницы от

2000

Наставники курса

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

Более 1000 специалистов-практиков,
которые помогут вам начать карьеру

Красноречивыйрейтинг

4,7
rating-logo
4,5
rating-logo
4,5
rating-logo
4,4
rating-logo

По техническим причинам рейтинг на сайте обновляется раз в квартал. Последнее обновление было 10 октября 2022

Подтверждениеваших знаний

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

Подробнее о документах

Лицензия

Государственная лицензия от министерства образования, предоставляющая право на образовательную деятельность.

Персональный сертификат

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

Диплом

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

Подход

11 летна рынке
вы обучаетесь попроверенным методикам
234курса
расширьте свои знаниявместе с нами
58 школв 5 странах
вы можете посмотретькак мы работаем
100 089учеников
вы уверены, что нашикурсы эффективны

Оставить заявку на обучение

Онлайн-курсы HTML и CSS для начинающих

  • Познакомитесь с языком разметки HTML и стилями CSS и научитесь работать с дизайн-макетом и сверстаете макет веб-страницы уже через 3 недели обучения
  • Научитесь применять стили CSS к элементам веб-страницы, создавать макет веб-страницы с помощью блочной верстки под руководством преподавателя с опытом работы более 5 лет
  • Будете верстать макет на Flexbox (параметр стилей), добавлять эффекты и анимацию на веб-страницу и делать адаптивную верстку, познакомитесь кругом единомышленников
Полная стоимость
6 800 ₽
11 300 без скидки 40%
Можно еще дешевле!
Мы расскажем, как получить налоговый вычет 13% за образование.
40%
до 30
Ноября
Нажимая кнопку вы даёте свое согласие на обработку ваших персональных данных на условиях и для целей, определенных Политикой конфиденциальности
Если вы не хотите проходить полную программу курса, то любое из занятий можно пройти в формате индивидуального мастер-класса с преподавателем. Оставьте заявку и наши менеджеры проконсультируют вас.
Часто задаваемые вопросы
На кого рассчитаны эти курсы HTML и CSS онлайн?
- На тех, кто тесно работает с программистами и хочет «говорить на их языке», на занятых в сфере веб-дизайна, а также тех, кто желает освоить верстку.
Будет ли мне понятна программа, если я никогда до этого не писал код?
- Да, конечно, занятия рассчитаны именно на новичков.
Кто будет вести уроки?
- Web-разработчики, создающие передовые по функционалу проекты и способные не только указать на ошибку, но и объяснить, как ее больше не допускать.
Какое расписание программы?
- 3 недели, по 2 лекции в режиме прямой трансляции, а также 5 практикумов.
Удобно ли учить HTML и CSS онлайн?
- Зависит от восприятия. Но вы можете заниматься по выходным, утрам или вечерам, из любого города страны. По качеству материала с тем, что студенты изучают очно, нет никаких отличий.
Что делать, если я пропущу какой-то урок?
- Вы всегда найдете его в записи в своем личном кабинете.
Чему я научусь?
- Вы познакомитесь с языком разметки и редактором кода, тегами, атрибутами, семантикой, с оформлением стилей, свойствами макетов и отдельных блоков, адаптивными шаблонами, анимацией, наложением эффектов и многими другими моментами.
Хочу стать верстальщиком. Какие навыки я получу?
- Вы освоите Visual Code Studio, Desktop First, условия @media, Flexbox и еще целый ряд приемов и технологий.
Какие документы об образовании вы выдаете?
- Персональный сертификат, свидетельствующий о том, что вы прошли профессиональный онлайн-курс HTML и CSS в нашей школе. С ним вам будет проще устроиться в веб-студию или какую-то другую IT-фирму, он станет доказательством ваших знаний.