Курс HTML/CSS

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

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

  • 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 вы получите сертификат на пяти языках!

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



Отзывы(2672)

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

22.06.2020
Иоанн Жук

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

21.06.2020
student_Gv_Ni29P

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

21.06.2020
Sasalat

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

20.06.2020
Владимир Чорногор

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

19.06.2020
student_fedor

Доволен!

19.06.2020
Наталья Веренёва

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

19.06.2020
Rinat Hayarov

Хорошие курсы, всё понятно изложено. Хотелось бы по шире изучить...

19.06.2020
Averov

Отличный курс для старта! Решился пройти, так как цена очень демократичная. Плюс систематичность, последовательность. В начале пути легко можно запутаться в многообразии информации. Хорошо, что помимо видео, есть интерактив, проверка. Это только закрепляет навыки. Спасибо автору и тем, кто поддерживает проект.

19.06.2020
Анастасия Висюлина

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

18.06.2020
Нурбол Джаксылыков

Курс мне понравился, но есть моменты которые немного непонятно. Например цвета зачем вы задаете #7268ad ну например и домашняя задания очень мало. Спасибо вам большое за интересный и удобный курс!

18.06.2020
Serhiy Holovasin

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

18.06.2020
Юрий Шевелев

Познавательный курс для начинающих.

17.06.2020
Дмитрий Чеверда

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

17.06.2020
Владимир Гончаров

Недорогой, но эффективный курс. Быстрое обучение за короткие сроки. Единственное но - онлайн компилятор который постоянно ругается на код даже если результат получился идентичным примеру. А так очень хороший курс! Рекомендую.

17.06.2020
student_R6S8itVk

Хороший курс

17.06.2020
Дмитрий Селин

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

16.06.2020
Степан Колпаков

В некоторых уроках было немного непонятно, а так - все хорошо.

16.06.2020
Денис Шмелёв

Очень крутой курс, мне понравилось! Буду продолжать дальше по нему узнавать фронтенд! Но есть один недостаток, нет объяснений по размерам, шрифтам, Как подбирать и т.д

16.06.2020
aetherlens

Курс отличный, прошёл за 2 ночи. Были небольшие заминки и ошибки, но с исходным кодом приложенным в курсе к каждому видеоуроку при сравнении всё легко исправляется. Много практики, это хорошо. В курсе рекомендуется помимо того как повторять за учителем делать свой проект, как и я делал, но в этом плане не хватает немного вариативности, учитель рассказывает только то, что делает, хотелось бы немного объяснений по типу: если у вас больше блоков чем в видео то нужно создать отдельный класс.

15.06.2020
Кирилл Гольцер

Это был настоящий IT марафон для меня все ясно и понятно. единственное не понятно как подбирать все размеры margin ,padding, height. Нужно работать над этими пикселями и процентами.

15.06.2020
Evgenii Kiriunnikov

15.06.2020
Дмитрий Кузьменко

Мне очень все понравилось)

15.06.2020
Илья Воробьев

Супер :)

15.06.2020
Муса Зарипов

Спасибо вам! Узнал много чего.

14.06.2020
Артём Пизин

Отличный курс, все очень понятно!

14.06.2020
Евгений Михайлович Я...

Спасибо за курс. Все очень просто и понятно для новичка. Рекомендую!

14.06.2020
Илья Бугаков

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

12.06.2020
Бато Цыренжапов

Было здорово!

12.06.2020
Гаджи Кунбуттаев

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

11.06.2020
Viktoriia Hrechka

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

11.06.2020
Жасур Бекназаров

Очень понятливый курc, буду дальше учиться

11.06.2020
student_WMk0inGh

Большое спасибо!! Огромное!!! Очень удобная программа обучения! Отличная подача, ясно, понятно, без лишнего... Процветания! А я пока продолжу дальше изучение!Это только начало!!

11.06.2020
Марат Улакаев

Курс был очень удобен, за счет коротких видео и периодических проверок на усвоение материала. Укрепил свои знания. Спасибо автору за такой полезный курс.

10.06.2020
Аркадий Калгин

Интересное и понятное объяснение в видеоуроках.

10.06.2020
student_ZIUfOMlO

Хороший курс

10.06.2020
Сейтек Нурмаматов

Найс

09.06.2020
Филипп Коровин

Отлично! Получил много знаний. Курс советую 100/100

09.06.2020
Махмуд Шаухалов

В принципе не плохо, узнал много полезной информации. Не понравилось то, что автор иногда делает какие-то вещи но не объясняет почему он так решил сделать. Например: Мы зададим ширину width: 900px. Почему именно 900, как получилось такая цифра?

09.06.2020
dima_887

Мне всё понравилось! Самый понятный курс по html/css который я встречал.

09.06.2020
Олег Корж

Многое ещё осталось загадкой для меня, но в целом я очень доволен курсом! Надеюсь, у меня всё получится:) Как я уже и говорил, моя мечта - стать топовым программистом!

09.06.2020
student_I2sdiDxL

Не плохой курс.

09.06.2020
Андрей Шафрановский

Понравилось смесь интерактивности + домашнего задания + видео

09.06.2020
Sergey Eliseev

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

09.06.2020
Евген Рушинець

Дуже топово і головне - просто пояснюється матеріал!

08.06.2020
Аркадий Тягунов

Отличный курс - буду продолжать

08.06.2020
Kirill Ryzhkov

Отличный курс!!! Спасибо

08.06.2020
Z1rex

Очень понравилось.

08.06.2020
Юрий Ряховский

Классный курс! Рассказано подробно и интересно.

08.06.2020
Никита Ивженко

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

08.06.2020
Oleksandr Fedorov

Все круто!

07.06.2020
stustaisy

Все доходчиво изложено, удобная платформа и еще понравилось, что небольшими порциями поделенно, спасибо!

07.06.2020
Askhat Orazalinov

Nice

07.06.2020
student_09LT4_ro

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

06.06.2020
Rakhatbek Arinov

Неплохой курс для старта которые дает базу.

05.06.2020
Ахмади Макашев

Все очень понятно и доступно. Спасибо за курс!

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

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

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

Одна из миссий проекта 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
  • Максим Дроздов
    2300 xp
    2
  • Надежда Мельникова
    1501 xp
    3
  • Нурлан Жумаканов
    1473 xp
    4
  • Александр Луговской
    925 xp
    5
  • У вас 0 XP за курс HTML/CSS

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