Курс HTML/CSS

С помощью видеокурса HTML и CSS вы научитесь верстать адаптивные HTML страницы. Вы самостоятельно создадите портал КиноМонстр с помощью уроков HTML и CSS, работающий как на компьютерах, так и на мобильных устройствах.

4.9 / 2090
Начать обучение Регистрация

  • 66 заданий
  • 5 часов видео
  • Сертификат об окончании

О курсе

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

В уроках HTML и CSS вы узнаете:

  • Основы верстки сайтов (html и css)
  • Как пользоваться html-тэгами div, span, p, ul, li и другими
  • Для чего нужен CSS (каскадные таблицы стилей) и узнаете о css-свойствах
  • Как использовать css-свойства margin, position, padding, color, background и другие
  • Что такое адаптивная верстка
  • Как сделать верстку сайта
  • Как пользоваться инструментами разработчика в браузере Google Chrome
  • Что такое viewport и как его использовать
  • Как создать раздел с комментариями на сайте
  • Как встроить видео в html-страницу
  • Как изменить верстку сайта в браузере
  • Как связать html-страницы между собой
  • Как сверстать меню на сайте

Верстка html-страниц(верстка сайтов) относится к Frontend(фронтенд) части разработки профессионального веб-сайта. Для Frontend разработчиков открыто большое количество вакансий и Frontend-разработчики высоко ценятся на рынке труда по всему миру.

Пройдите интерактивные задания и вы убедитесь в том, что освоить верстку html-страниц с нуля и стать фронтенд разработчиком - это под силу каждому. После завершения курса HTML/CSS мы рекомендуем проходить курс верстки Bootstrap 3 или Bootstrap 4.

Начать обучение

План курса

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


1
Вводная часть

3
Основы HTML: Базовая разметка, html-тэги, css-стили

6
Главная страница. Нижняя часть сайта

7
Главная страница. Фильмы, сериалы, блог

9
Страница Фильмы

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

  • После успешного прохождения уроков и заданий курса HTML/CSS вы получите сертификат на пяти языках!

    Получение сертификата об окончании курса



Отзывы(1231)

Оставьте свой отзыв после прохождения Курса создания сайтов HTML/CSS с нуля.

23.03.2019
Андрей Молчанов

Отлично!

23.03.2019
Владислав Бардацкий

Понравился курс. Всё подробно разъяснено.

23.03.2019
Максим Потапов

Все очень доходчиво и понятно, спасибо!

23.03.2019
Родион Глушков

Хороший курс, мне понравился. Рекомендую к изучению )

23.03.2019
Федор Сотников

Отличный курс! После курса получаешь уверенную базу знаний по html и css Спасибо!

22.03.2019
Роман Ситниченко

Супер)

22.03.2019
Михаил Скрипкин

Полезный курс, для людей желающих заняться Web-программированием. Всё понятно и доступно.

22.03.2019
Кира Амозова

Отличный курс!

21.03.2019
Евгений Гольдин

Неплохой курс :)

21.03.2019
Trimurti

Курс хорошо организован, удобен в изучении. Информация подается в доходчивой форме. Спасибо!

21.03.2019
Александр Хоролич

Классный курс! Есть некоторые вопросы по поводу использования тех или иных элементов, но в целом отлично!

20.03.2019
Артур Сайфуллин

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

20.03.2019
Кирилл Кунгурцев

Очень интересный курс, но по адаптивной верстке интенсивность намного выше, чем остальное.

20.03.2019
student_w0Wpt7uk

Очень полезный курс! большое спасибо! Единственное когда выполняешь тесты, любой пробел и отступ влияет на правильность решения теста, хотя весь код написан верно.

19.03.2019
Иван Величко

Это невероятно-крутой курс обучения, спасибо большое! Осталось лишь теперь пробовать самому верстать, повторять всё). Спасибо большое еще раз!!!

17.03.2019
BEKBOLAT OMAROV

Все четко для начинающего веб-мастера или веб-дизайнера советую

17.03.2019
Тумарым Ибрагим

Ну хотелось бы обратную связь например бывают ошибки и просишь помощи у комьюнити но они долго не отвечают или вообще не отвечают было бы круто если бы помогали

17.03.2019
Lisin050505

Очень здорово и толково создан курс, а главное задания на всём протяжении курса! Есть пара вопросов но пытливый ум и интернет уже решили проблему!

16.03.2019
Александр Сорокин

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

16.03.2019
Вадим

Любопытно!)

16.03.2019
Владислав

Урок доступен к пониманию, что самое главное комфортно заниматься. Спасибо

15.03.2019
Виктор Булавин

За исключением некоторых моментов, в целом хороший курс! Все объясняется достаточно понятно.

15.03.2019
Михаил

Хороший курс

14.03.2019
Вадим Габидуллин

Спасибо, очень понятно и интересно. Курс пролетел не заметно.

13.03.2019
Владимир Антонюк

Очень хороший курс, всё вполне понятно.

13.03.2019
Дмитрий Грибанов

Курс очень понравился. Все доступно и просто объясняется. Спасибо авторам.

13.03.2019
student_ROdgemKd

Большое спасибо организаторам и тренеру курса Сергею Никонову! Курс весьма подробный и полезный.

13.03.2019
Виталий Богданов

Все супер!

13.03.2019
Елизавета Гусейнова

Отличный курс. Прекрасная и понятная подача материала!Спасибо

12.03.2019
Виталий Аниськов

Отличный курс, автор всё доступно объясняет!

12.03.2019
Эльдос Шумбалов

Это лучший видеокурс по основам HTML и CSS. Сергей Никонов объясняет все кратко и понятно, с таким учителем любой сможет освоить программирование

12.03.2019
Ashley Nicolette

Познавательно

11.03.2019
Alex

Хороший и познавательній курс. Не плохая база!

10.03.2019
Александр

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

10.03.2019
Олег Соломатин

Понятно, доступно, просто

10.03.2019
Quispery Meider

Супер курс

10.03.2019
Сергей Болотов

Отличный курс для новичков, автор все рассказывает понятно. Также в данном курсе автор постоянно поясняет и наглядно показывает свои действия (операции). Для новичков охвачены основные азы по построению сайтов. Спасибо за данный курс!

10.03.2019
Nikita Seo

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

09.03.2019
Иван Аксенов

Хороший курс, очень понравился, именно то что искал!

09.03.2019
Dmytro Chernyshov

Хороший курс, легко усваивается, для начинающих то что нужно.

09.03.2019
Kanat Dauletchinov

Отлично информативно, а главное просто и понятно.

09.03.2019
Никита

Очень хороший курс!

09.03.2019
Руслан Евлоев

Отличный курс!

08.03.2019
student_6JNt5GC9

Хороший курс для новичков.

08.03.2019
Vladislav Plămădeală

Очень интересно и понятно, спасибо

08.03.2019
Станислав Тимофеев

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

07.03.2019
Елизавета Рябоконь

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

06.03.2019
Михаил Желтышев

Очень полезный курс!

06.03.2019
Ivan Babich

Хорошо, хотелось бы что бы конечно носом тыкали и говорили что и как :)

06.03.2019
Максим Белотелов

Крайне полезный курс, который подойдет, как новичкам, так и людям уже имеющим некоторый опыт в веб-разработке. Материал преподается только практически полезный, без воды и отступлений.

05.03.2019
Ануар Бейсенбаев

Хороший курс для начинающих

05.03.2019
Олег Серских

Хороший курс для начинающих.

05.03.2019
Andrii Dehtyrenko

Спасибо большое, мне очень нравится ваши курсы, надеюсь что со временем и опытом в верстке смогу делать действительно красивые оформления сайтов!

Начать обучение

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

Почему такая низкая цена?

Одна из миссий проекта FructCode сделать дорогое ИТ-образование доступным для всех!

Когда начнется обучение? Нужно ли ждать когда наберется группа?

Сразу после оплаты, вы получите полный доступ к данному курсу без ожиданий.

Получу ли я после прохождения курса сертификат?

Да! За успешное прохождение каждого курса, вы получите сертификат на нескольких языках: Русский, Английский, Немецкий, Французский, Итальянский. Все сертификаты, полученные за курсы, вы можете найти в вашем профиле

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

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

Актуальны ли курсы?

Да! Курсы на платформе FructCode достаточно часто обновляются, в том числе исходные коды.

Какое оборудование нужно для прохождения курса?

Курсы FructCode вы можете проходить в любой операционной системе - Windows, Mac OS или Linux, а также в мобильных устройствах. Тем не менее, для комфортного прохождения курсов FructCode, мы рекомендуем иметь монитор с разрешением экрана 1920x1080.

При прохождении курса я не знаю как выполнить задание, что делать?

Если в процессе прохождения курса у вас возникла проблема с выполнением задания и вопрос по пройденной теме курса, вы можете задать его в комьюнити FructCode - https://fructcode.com/ru/qa/, где другие студенты, которые успешно решили задание, вам обязательно помогут.

Что такое XP? Что оно дает?

XP - это сокращение от английского слова experience и переводится как опыт. За успешное прохождение задания вы получаете определенное количество XP. Чем больше XP вы накапливаете, тем больше опыта в программировании у вас становится.

Как участвовать в рейтинге? Я набрал достаточно XP, но не показываюсь в рейтингах курса, почему?

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

Что если мне не подойдет или не понравится курс?

Если в процессе прохождения курса вы поймете, что вам не подходит данный курс - в течении 30 дней с даты покупки, вы можете вернуть деньги в полном объеме. Для возврата средств напишите в службу поддержки на почту [email protected]

У меня не работает видео лекция или не открывается задание, что делать?

Наиболее частая причина, если что-то не работает - это установленные некоторые расширения для браузера, например Adblock. Если у вас возникает техническая проблема, напишите пожалуйста в нашу службу поддержки на почту [email protected] и мы в кратчайшее время постараемся помочь

У меня остались вопросы о курсе, кому я могу их задать?

Если у вас остались дополнительные вопросы о курсах FructCode, пожалуйста напишите в нашу службу поддержки на почту [email protected] и мы постараемся ответить в ближайшее время.

Я находил ваши курсы на других сайтах. Есть ли разница где учиться?

Да! Только на сайте FructCode.com вы можете найти актуальные версии моих курсов. На других сайтах вы можете найти пиратские старые версии моих курсов или неактуальные версии моих курсов, в процессе прохождения которых, вы столкнетесь с ошибками, так как программы уже давно изменились. Покупая мои курсы на сайте FructCode.com вы инвестируете не только в свои знания, но и инвестируете в создание новых курсов.

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

Сергей Никонов. Автор курса программирования HTML/CSS | FructCode
Сергей Никонов
  • Основатель проекта FructCode
  • Опыт в веб-разработке более 10 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки
  • Алексей Белов
    2337 xp
    1
  • Сергей Линев
    2337 xp
    2
  • Дарья Дарья
    1953 xp
    3
  • Сергей
    1839 xp
    4
  • Агиль Ашуров
    1811 xp
    5
  • У вас 0 XP за курс HTML/CSS

    Бросить вызов?