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

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

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

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

3
недели
на курс
2
занятия
в неделю
5
практических
занятий
каждое
по 1.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.

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

Освоите

Анимация

Эффекты

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

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

На практике

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

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

Преподаватель оценит результат выполнения задания и подробно разберет его с вами.
Обучение для разных целей
В зависимости от ваших целей вы можете подобрать для себя оптимальный курс обучения. Если вы хотите получить максимальное количество знаний, практики и портфолио - выбирайте обучение профессии.
Базовый
Онлайн-курсы HTML и CSS для начинающих
Программа с акцентом на практическое применение знаний и быстрый результат, за короткий срок вы углубитесь в тему и повысите свою квалификацию
5 занятий
8 часов обучения
3 недели продолжительность обучения
Сертификат о прохождении курса
Продвинутый
Обучение профессии “Профессия Веб-дизайнер с нуля до профи“
Полная программа обучения для глубокого погружения в выбранную сферу, предоставляет возможность освоить комплексные знания и навыки. Это идеальный выбор для тех, кто нацелен на долгосрочное развитие
65 занятий
97 часов обучения
32 недели продолжительность обучения
8 курсов в составе программы
Диплом специалиста

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

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

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

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

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

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

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

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

-40%

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

11 300

18 900 без скидки 40%

Нажимая на кнопку "Оставить заявку", вы соглашаетесь с условиями Договора-оферты и Политики конфиденциальности

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

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

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

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

50000

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

2000

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

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

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

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

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

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

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

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

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

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

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

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

Лицензия

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

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

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

Диплом

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

Подход

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

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

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

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