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

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

Научитесь верстать адаптивные веб-страницы и добавлять эффекты и анимацию на сайт
11300
6800
скидка до 21 Мая
оставить заявку

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

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.

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

Освоите

Анимация

Эффекты

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

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

На практике

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

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

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

Формат курсов

Онлайн
Офлайн
  • Онлайн
  • Обучение,Не выходя из дома
  • Чат с преподавателем
  • Живая трансляция
  • Очное обучение
  • Комфортное пространстводля обучения
  • Живое общение
  • Повышеннаямотивация учиться

-40%

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

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

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

Курс рассчитан
на тех, кто:

Желает изучить новое направление
Изучение данного курса может стать для вас великолепным стартом в направлении верстки веб-сайтов. Вы рассмотрите порядок верстки веб-страниц с помощью HTML, познакомитесь с особенностями добавления стилей CSS, а также проработаете все этапы адаптивной верстки и выполнения анимационных вставок.
Работает в направлении дизайна
Если ваша деятельность связана с дизайном, то знание верстки HTML и CSS – вне всяких сомнений будет вашим конкурентным преимуществом. На нашем курсе вы познакомитесь с атрибутами и тегами, научитесь работать с множеством стилей и правильно располагать блоки на странице. Научитесь анимировать всевозможные элементы, выполнять накладывание эффектов с учетом пользовательского дизайна.
Взаимодействует с программистами
Для полноценного сотрудничества с программистами, вам потребуется знание HTML и CSS, а также умение использовать такой инструментарий. На курсе вы изучите язык, а кроме этого – освоите принципы создания анимации и адаптивности.
Стремится узнавать новое
Для тех, кто действительно увлекается программированием, но не представляет с чего именно начать его изучение – курс HTML и CSS станет отличной возможностью для старта. В ходе обучения вы овладеете принципами размещения таблиц, списков, специальных символов, а также изображений. Будете самостоятельно верстать блочную модель, и адаптировать ее под заданные устройства.

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

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

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

Лицензия

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

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

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

Диплом

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

Подход

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

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

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

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