Курс HTML/CSS

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

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

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

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



Отзывы(1569)

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

04.11.2019
Иван Авдишев

Отличный сайт! И курсы тоже :)

04.11.2019
Юрий Стеценко

Все предельно доходчиво. Спасибо за курс.

04.11.2019
Андрей

Автор все объясняет подробно, но хотелось бы видеть больше домашних заданий после освоения какой-либо новой информации. Да и просто больше домашних заданий для практики.

04.11.2019
Алексей Роскин

Было познавательно. Продолжим. СПАСИБО

04.11.2019
Naish

Nice!

03.11.2019
student_ibJqkamt

Отличный курс, хотя отдельные моменты (особенно некоторые свойства html/css) хотелось бы рассмотреть подробнее

02.11.2019
Cаша Литвинов

В принципе хороший курс, но иногда непонятно, в целом все ок)))

02.11.2019
student_0-xvajgf

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

02.11.2019
Илья Берковский

Курс неплохой

01.11.2019
Тимур Михеев

Этот курс позволяет за очень короткие сроки получить огромное количество знаний. Я благодарен людям, разработавшим его.

01.11.2019
Иван Пасконкин

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

01.11.2019
Sergey Stepanenko

Очень много стилистических ошибок, в плане того, что контент на главной странице расположенный слева не помещался в .container для чтения других разработчиков. Я считаю, что важно было также научить порядочному написанию HTML и CSS. Так как я ранее уже изучал курсы по web программированию, то эти курсы мне помогли освежить память, а также очень хорошая практическая работа. Спасибо вам! Прошу поработайте над ошибками.)

01.11.2019
Alex Morra

10/10

01.11.2019
Максим Дывак

Полезный курс, небольшие вопросы по поводу макета сайта, как это все строится, зарисовывается, как высчитываются width height и тд, но думаю это наработается с опытом

01.11.2019
Егор Ларин

Один из лучших курсов по HTML & CSS

31.10.2019
Софья Пащенко

Курс проглотила не заметив, все весьма быстро и ёмко рассказывается, по делу. Ранее с программированием дела не имела от слова вообще. Правда, не хватило более подробных объяснений, почему для верстки выбирается та или иная величина для отступов и т.д. Как ее рассчитывать в дальнейшем? Наугад? Но это все мелочи, такие вопросы легко гуглятся. Спасибо!

31.10.2019
Анатолий

Спасибо. Все четко и понятно.

30.10.2019
Hamza Omarov

Доходчиво и не заносчиво. Класс!

30.10.2019
Евгений Ломачинский

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

30.10.2019
student_LBrq5uMY

Отличный курс. Хорошо подходит новичкам.

30.10.2019
Ярослав Абидов

Хорошие курсы, много нужной практики и советов.

30.10.2019
Georgiy Diatian - Po...

Неплохой курс, всё достаточно понятно.

30.10.2019
Khurshid Ibatov

Огромное спасибо педагогу. Я взял огромное количество знаний С уважением Хуршид

30.10.2019
student_U6qYzElS

Отличный

30.10.2019
Влад Коваль

Супер, некоторые вещи о которых не знал стали понятны)

30.10.2019
Андрей Бондаренко

Отличный курс. Доступно, конкретно, интересною Всем очень рекомендую. Планирую пройти и все остальные курсы, которые доступны на данном сайте. Автору - огромное СПАСИБО!

29.10.2019
Никита Лапин

Отличный курс! Я не пожалел, потраченных денег :) Но на будущие... Хотелось бы лучше качество видео, а так все замечательно :)

29.10.2019
student_0gONBnmf

Курс очень хороший и познавательный! Автор старается объяснить всё по малейшим деталям)

29.10.2019
Никита Евдокименко

Для новичка этот курс - просто чудо. Легкий, безболезненный и заранее проложенный путь в сферу Веб-Программирования.

29.10.2019
Сергей Макалев

Всё доступно и понятно, очень круто!!

29.10.2019
Антон Фирсов

Супер!

29.10.2019
Dmitry Gladyshev

Очень хороший курс для новичка. Всё наглядно и понятно. Большое спасибо автору!

28.10.2019
Анастасия Попова

Очень классно. Понятно объяснено.

28.10.2019
Иван Липский

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

28.10.2019
Павел Зайцев

Все хорошо и понятно объясняют, мне понравилось.

28.10.2019
student_SwVIxtWw

Неплохо, так как был уже знаком з HTML и CSS то было интересно, но кто только начинает нужно половину гуглить _)

28.10.2019
Роман Бухарев

Мало практики, мало теории

28.10.2019
Ivan Raspopov

Очень круто, но пока ничего не понятно))))

27.10.2019
Руслан Мусин

Хороший, понятный, емкий курс.

27.10.2019
Михаил Авдеев

Курс оставил положительное впечатление. Спасибо автору.

27.10.2019
рома маламанов

Курс мне очень понравился!)

27.10.2019
Fayson

Отличное обучение основам html/css

26.10.2019
Роман Михайленко

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

26.10.2019
Ярослав Мальков

Учитель очень доступно и понятно объясняет, не зря отдал деньги

26.10.2019
Роман Скорик

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

26.10.2019
student_8cvnxZxx

Огромное спасибо

26.10.2019
Игнатенко

Годный сайт!

25.10.2019
student_cuBrUTvT

Великолепно!

25.10.2019
Elman Safarov

Информативный хороший курс

25.10.2019
DS

Очень хороший курс, рассмотрены все базовые элементы. Для входа в вёрстку достаточно, а про остальное: якори, дополнительные свойства  CSS и прочее всегда можно почитать в справочнике или загуглить. Единственное, хотелось бы подробнее остановиться на изменении стиля шрифта. Например, у меня шрифт century gothic не установлен, поэтому сайт выглядит немного иначе. Но это решаемые мелочи. Спасибо!

25.10.2019
amid567

Всё предельно понятно и хорошо, спасибо!!!

25.10.2019
student_e-qJ1PaI

Курс мне понравился. Доступным языком быстро и легко все объясняется! Благодарю за знания! Осталось дело за малым, применять полученные знания на практике.

25.10.2019
Алексей Тютюкин

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

24.10.2019
Даниил Денисенко

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

24.10.2019
Евгений Минаев

Спасибо за курс HTML/CSS. Было все понятно и разложено по полочкам Советую всем !!!)

24.10.2019
FrencHRebel

Великолепно, все очень нравится сейчас же перехожу к следующему курсу

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

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

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

Одна из миссий проекта 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 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки
  • Александр GG
    2187 xp
    1
  • Сергей Матюнин
    1811 xp
    2
  • Максим Лавриненко
    1811 xp
    3
  • Даниил Губин
    1739 xp
    4
  • Aleksey Perevyazko
    1671 xp
    5
  • У вас 0 XP за курс HTML/CSS

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