Курс HTML/CSS

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

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

  • 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
Адаптивная верстка



Отзывы(902)

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

14.01.2019
Roman Sobotovych

Хороший курс. Понравилось что всё детально объяснили, без воды и прочего. Иду на bootstrap:D

14.01.2019
Евгений Альвухин

Добрый вечер. Я думаю это замечательный курс. Ваши курсы программирования единственные, которые я купил (я долго и дотошно изучал многие школы). Единственное, хотелось чтобы вы показали побольше фишек (например, вывод поиска сверху в мобильной версии - в общем, всё то, про что вы говорили, но в курсе не делали). Спасибо большое.

14.01.2019
Александр Андреев

Спасибо! Все наглядно и понято изложено!

14.01.2019
Малик Кутдусов

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

14.01.2019
Дмитрий Кирей

Прошел на одном дыхании, все четко и понятно)

14.01.2019
Михаил Лукьянов

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

13.01.2019
student_FzUybrXJ

Отличный курс по HTML/CSS, все усвоил хорошо, спасибо

13.01.2019
student_bZKry40L

Огромное спасибо, курс супер. До этого я проходил обучение тоже дистанционно, но том задание были как отдельные задачи по html, css и это очень сложно было понять. Не было общего представления. Вы здорово сделали обучение на верстке реального сайта, и сложные вещи объясняете простыми словами. КУРС ОГОНЬ!!!

12.01.2019
Даниил Прусаков

Все просто и понятно. Курс понравился. Но в некоторых моментах не до конца всё объяснялось, а так нормально.

12.01.2019
Владимир Цуканов

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

12.01.2019
Павел Игумнов

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

12.01.2019
Kirill Lee

Очень мало теории!

12.01.2019
Татьяна Сырхаева

Очень удобный формат, занималась с удовольствием!

11.01.2019
Багатир Бахмудов

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

11.01.2019
Игорь Прозоров

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

10.01.2019
Антон

Довольно не плохой курс.

10.01.2019
student_BJ9Lov9-

Мне данный курс понравился. Я понял как создаются профессиональные сайты.

10.01.2019
Дмитрий Карачевцев

Действительно очень просто в усвоении, отличный преподаватель и отличный курс !)

10.01.2019
Александр Тихонов

Интересный курс обучения HTML, он был легче чем я думал. Все детально показывается и объясняется. В целом мне понравилось.

10.01.2019
student_DWzpNt3o

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

10.01.2019
Алексей Кравченко

Все отлично и информативно!

09.01.2019
Андрей Саюров

Хороший курс, прошел только тестирование после прохождения курса с юдеми.

09.01.2019
Xaxa

Офигенный сайт, очень понравилось обучение, все доступно и понятно!))

09.01.2019
Виктор Лидделл

Курс прошел взахлеб! Спасибо большое автору. Из пожеланий:
- Добавьте информацию о единицах EM и REM, а то из курса непонятно что это вообще такое;
- Можно добавить flexbox и grid;
- Показать отличие в способах выравнивания по центру блочных и строчных элементов;
- В 56-м задании система долго не принимала правильный ответ;
- Тесты нужно сделать в несколько вопросов и повысить их сложность.

А в остальном все просто СУПЕР! Сергей, как всегда, на высоте ;)

08.01.2019
Aleksandra Kostenko

Хороший курс, спасибо.

08.01.2019
Дмитрий Адерихин

Отлично

08.01.2019
Поздняков Михаил

Курс и вообще такая идея обучения мне очень понравилась. Большое спасибо авторам. Видно что разработчики старались для людей!

08.01.2019
Илья Волков

Курс понравился, всё доступно и понятно!

08.01.2019
Михаил Середюк

Хороший курс для новичков, все понятно объясняется.

07.01.2019
Василий Кулев

Мне нравится!!!

07.01.2019
Артём Мороз

Довольно интересный курс. Проходится на одном дыхании.

07.01.2019
Александр Смирнов

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

07.01.2019
Владимир Своровский

Курс продуман. Удобное поэтапное прохождение. Немного затянуто. Отдельное спасибо за адаптивную вёрстку.

07.01.2019
Rahatbek Arinov

В целом курс очень хороший.

07.01.2019
Михаил Пономарев

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

06.01.2019
Андрей Безверхний

Хороший курс, главное - постоянно практика, в этой профессии без практики вообще нечего делать)

06.01.2019
student_Tc7KwtID

Отличный курс для начинающих.

06.01.2019
Виталий Захаров

Спасибо, очень рад тому что прошел курс html/css! Я старался и в итоге уложил все эти знания в пару дней. Спасибо создателю этого проекта, ведь он помог многим людям стать лучше и быстрее придти к познанию web программирования!

06.01.2019
Олег Алёхин

Курс я бы сказал предназначен для людей которые хоть немного но знакомы с html/css. Для людей которые начинают с нуля многие вещи будут не понятны. А так курс замечательный. Большое спасибо автору. Буду дальше проходить следующие модули.

06.01.2019
student_dRYqt-xm

Информация осваивается отлично, продолжу обучение по всем блокам.

06.01.2019
Максим Петров

Спасибо большое за доступное, понятное обучение. По мимо самих знаний о HTML/CSS была и этика верстки сайта, предоставлен опыт по верстке.

06.01.2019
Александр Кузьмичёв

Наилучшие и очень дешевые курсы по верстке, прошел на 1ом дыхание и не задумываясь купил)

06.01.2019
Никита Оришич

Получил хорошую базу в верстке, заполнил пробелы в своих знаниях. Достойный курс!

05.01.2019
Максим Бондаренко

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

05.01.2019
Никита Субботин

Хороший курс, наверняка и все другие такие-же, на празднике была доступная цена. А так вы всё понятно объяснили, мне 10 лет я всё понял.

05.01.2019
Александр Засименко

Ну, я с нуля научился вёрстке сайтов. Как по мне - отлично!

05.01.2019
Сергей Дудченко

Ребята Вы создали отличный ресурс для обучения. Сергей, огромное спасибо за Ваш труд.

04.01.2019
Артём Благинин

Хороший и понятный курс! Большое спасибо) Буду верстать дальше и грызть грани программирования)

04.01.2019
Rustam Atabayev

В курсе HTML/CSS есть небольшие неудобства , я мог бы набрать максимальный балл, потому что знаю эту тему , но в курсе есть задания которые требуют обязательного просмотра видео и нужно повторить все действия преподавателя . То есть получается не задание по верстке , а просто задание повторить за преподом. Так что 4 звезды.

03.01.2019
Тим А

Очень доходчиво, спасибо!

03.01.2019
Дмитро Пономаренко

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

02.01.2019
Юрий Мороз

Доволен!

02.01.2019
student_O57USqWW

Отлично!

02.01.2019
Сергей

Курс по верстке на 5!

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

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

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

Одна из миссий проекта 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] и мы постараемся ответить в ближайшее время.

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

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

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