Главная / Школа программирования и аналитики / Онлайн-курсы HTML и CSS для начинающих

Живое общение онлайн

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

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

-50%

19900 ₽

9900 ₽

скидка до 9 Июля

Оставить заявку

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

недели
на курс

занятия
в неделю

практических
занятий

каждое
по 1.5 часа

Практикующие
педагоги

получайте только актуальные знания

Старт

в любой день, присоединяйтесь

Гибкий
график

возможность выбирать
удобное расписание занятий

Блоки курса

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

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

Изучите

1.
Структура HTML-документа
2.
Работа в редакторе кода
3.
Панель разработчика
4.
Семантика в HTML
5.
Разбор видов тегов и атрибутов
6.
Применение гиперссылок и якорных ссылок
7.
Размещение изображений, таблиц, списков и спецсимволов

Освоите

HTML-документ

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

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

Visual Code Studio

На практике

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

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

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

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

Изучите

1.
Подключение стилей к странице
2.
Виды селекторов и их вес
3.
Свойства текста и шрифта
4.
Работа с цветом
5.
Блочные, строчные и строчно-блочные элементы
6.
Свойства блоков: box-sizing, margin, padding, border
7.
Позиционирование блоков
8.
Применение блоков для построения макета

Освоите

CSS синтаксис

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

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

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

На практике

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

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

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

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

Изучите

1.
Разбор дизайн-макета страницы
2.
Flexbox: контейнеры и элементы
3.
Свойства flex-элементов
4.
Управление пропорциями
5.
Управление порядками блоков

Освоите

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

Контейнеры

Flexbox верстка

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

На практике

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

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

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

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

Изучите

1.
Применение инструментов разработчика для адаптивной верстки
2.
Подходы к разработке
3.
Изменение стилей элемента в определенных условиях
4.
Условия @media
5.
Применение @media для различных типов и размеров экранов
6.
Адаптивные шаблоны

Освоите

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

Desktop First

Условия @media

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

На практике

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

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

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

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

Изучите

1.
Взаимодействие пользователя с элементами на странице
2.
Выбор элементов для анимации
3.
Правила пользовательского дизайна
4.
Наложение эффектов на кнопки
5.
Этапы работы над анимацией: движение и вращение
6.
Разработка сложной анимации

Освоите

Анимация

Эффекты

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

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

На практике

• Наложение эффектов на кнопки страницы.
• Создание блока с анимацией.

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

Обучение для разных целей

В зависимости от ваших целей вы можете подобрать для себя оптимальный курс обучения. Если вы хотите получить максимальное количество знаний, практики и портфолио - выбирайте обучение профессии.

Базовый

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

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

5 занятий

8 часов обучения

3 недели продолжительность обучения

Сертификат о прохождении курса

Записаться

Продвинутый

Обучение профессии “Профессия Верстальщик сайтов“

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

20 занятий

31 час обучения

11 недель продолжительность обучения

2 курса в составе программы

Диплом специалиста

На страницу профессии

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

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

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

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

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

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

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

Выберите группу обучения на “Онлайн-курсы HTML и CSS для начинающих” в городе Онлайн

Дата старта/
начало первого урока

Дни/время
проведения

Длительность/
форма обучения

04.08.2025

Осталось 3 места

19:00

Пн, Ср

Онлайн курс с поддержкой

3 недели

Записаться

Дата старта/начало первого урока

04.08.2025 / 19:00

Осталось 3 места

Дни/время проведения

вечер

Пн, Ср

Длительность/форма обучения

Онлайн курс с поддержкой

3 недели

Записаться

Не подходит расписание?

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

Оставить заявку

26.07.2022, 19:00

Оставьте заявку и наш менеджер свяжется с вами для подтверждения записи

Для этого курса доступен формат корпоративного обучения, подробнее в разделе Корпоративное обучение

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

Заполните небольшую анкету – это поможет нам лучше узнать о вашем опыте и потребностях, чтобы подобрать для вас лучшие условия обучения. Это займет не больше трех минут.

ОСТАВИТЬ ЗАЯВКУ

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

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

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

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

50000 ₽

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

2000 ₽

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

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

Григорий Логвин

опыт работы более 10-ти лет

HTML-верстальщик, Frontend-разработчик и преподаватель Международной школы профессий

Имеет широкий опыт в вёрстке и frontend-разработке. Занимался разработкой проектов в области доставки еды.

4,7

4,5

4,4

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

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

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

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

Лицензия

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

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

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

Проверить
сертификат →

Диплом

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

Подход

14 летна рынке

вы обучаетесь попроверенным методикам

225курсов

расширьте свои знаниявместе с нами

50 школв 5 странах

вы можете посмотретькак мы работаем

70 000учеников

вы уверены, что нашикурсы эффективны

Для этого курса доступен формат корпоративного обучения, подробнее в разделе Корпоративное обучение

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

ОСТАВИТЬ ЗАЯВКУ

Часто задаваемые вопросы

На кого рассчитаны эти курсы HTML и CSS онлайн?

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

Будет ли мне понятна программа, если я никогда до этого не писал код?

- Да, конечно, занятия рассчитаны именно на новичков.

Кто будет вести уроки?

- Web-разработчики, создающие передовые по функционалу проекты и способные не только указать на ошибку, но и объяснить, как ее больше не допускать.

Какое расписание программы?

- 3 недели, по 2 лекции в режиме прямой трансляции, а также 5 практикумов.

Удобно ли учить HTML и CSS онлайн?

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

Что делать, если я пропущу какой-то урок?

- Вы всегда найдете его в записи в своем личном кабинете.

Чему я научусь?

- Вы познакомитесь с языком разметки и редактором кода, тегами, атрибутами, семантикой, с оформлением стилей, свойствами макетов и отдельных блоков, адаптивными шаблонами, анимацией, наложением эффектов и многими другими моментами.

Хочу стать верстальщиком. Какие навыки я получу?

- Вы освоите Visual Code Studio, Desktop First, условия @media, Flexbox и еще целый ряд приемов и технологий.

Какие документы об образовании вы выдаете?

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