Курс 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 с нуля.

04.06.2020
Ерасыл Саметаев

Очень хороший и быстрый курс, с хорошим объяснением

03.06.2020
Влад Черников

Отлично

03.06.2020
student_xrPDVaIP

Оч круто! До этого учился самостоятельно 2 месяца. В этом курсе я нашел для себя уверенность в сборе информации, все оч понятно и доходчиво. Спасибо и успехов вам!

03.06.2020
Тимур Черников

Отлично и доступно объясняют! Большое спасибо!

02.06.2020
Гюнгюлер Илиев

Курс - СУПЕР! Спасибо большое!

02.06.2020
Rustam Sharipov

Очень продуктивный курс.

02.06.2020
Nik Sheremeta

Хороший курс, советую всем

01.06.2020
Слава Толкач

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

01.06.2020
Дмитрий Хомутов

Узнал много нового, спасибо!

01.06.2020
Alex Kovalevskiy

Были сложность и некоторые вопросы не получилось разъяснить, но мне очень понравилось)

01.06.2020
Денис Хван

Лучший курс, правда прошел его за 1 день. Очень много практики, поэтому многое запоминается руками и уже сам знаешь, что от тебя требует написать в коде. Благодарю, стоит своих денег!

01.06.2020
Мурад Османов

Курс супер.

31.05.2020
Vasyl Shukost

Хорошая идея. Можно учится в любое время, все понятно, и легко.

31.05.2020
Алексей Архавёнок

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

31.05.2020
Виталий Гергель

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

31.05.2020
Дмитрий Ишков

Вообще огонь, разъяснили все по полочкам а самое главное Медиа запросы. Долго не мог понять как их использовать, а теперь знаю, спасибо!

31.05.2020
Talib^frm_DagRp

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

30.05.2020
Notnikename

Хороший курс. Понятные объяснения. Всем рекомендую!

30.05.2020
Levani Samsonidze

Хороший курс :)

29.05.2020
Антон Гильманов

Очень понятно и доступно выложен материал. Всё быстро усваивается, Потому-что всё разжованно)

28.05.2020
Роман Бирюков

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

28.05.2020
Егор Чумаков

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

27.05.2020
Anastasya Zak

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

27.05.2020
Артём Пышный

Благодарен FructCode и лично Сергею Никонову за доступное и доходчивое разъяснение материала курса HTML/CSS. Занятия очень понравились, буду с радостью дальше заниматься и познавать программирование с ещё большим усердием!
Желаю больших успехов вашей кампании! P. s. С уважением и благодарностью Артём Пышный

27.05.2020
student_jrzeuFEy

Очень полезно и информативно.

27.05.2020
Alisher Kachykeev

Отличное обучение

27.05.2020
Абдул-Малик Магомадо...

Повторение мать учения. надо будет потом снова пересмотреть чтоб закрепить знания, а так круто) Советую начинающим ребятам быть внимательнее

27.05.2020
Ruslan Tazhibaev

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

26.05.2020
student_s75-auvA

Хороший курс, получил уйму новых знаний! Спасибо!

26.05.2020
Василий Бакадаров

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

26.05.2020
Алексей Красоцкий

Хороший курс, хотелось в некоторых моментах побольше разъяснений особенно связанных с СSS и побольше онлайн заданий и тестовых вопросов)

26.05.2020
Yhor Leonidovich

Материал изложен довольно хорошо.

25.05.2020
SAIKAL BOLOTBEK

Finally, I understand everything

25.05.2020
student_HX9W4zBo

Курс был интересным, и понятным))

25.05.2020
Денис Черемисов

Отличный курс HTML/CSS, думал ни чего интересного не узнаю и не пойму, Оказалось, всё гораздо интересно и всё разложено по полочкам. Унёс много нового с данных уроков!

25.05.2020
Nikolay Napadaylo

Супер, без воды и максимально понятно. 5\5

25.05.2020
Руслан Миннахметов

Мне все понравилось, но есть недочеты, т.к нету видео как верстать с фотошопа, именно мало видео про адаптивную верстку

25.05.2020
Ирина Рысь

Все понятно! Спасибо за курс :)

25.05.2020
Ilya Chepil

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

25.05.2020
Максим

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

25.05.2020
Владислав Машина

Очень крутой курс

24.05.2020
Isazhan Raisov

Классный курс, все по делу!

24.05.2020
Сергей Раджабов

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

23.05.2020
Дмитрий Воротыло

Курс очень хороший! Автор говорит понятным языком. Лично мне понравилось.

23.05.2020
Юлия Мильвит

Замечательный курс, все изложено понятно, простым языком! Спасибо

23.05.2020
student_1i4WMdvz

Спасибо! Всё было понятно! Главное в html иметь логику, и всё получится!

23.05.2020
Светлана Кувшинова

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

22.05.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
  • Vitaliy Nagora
    1234 xp
    5
  • У вас 0 XP за курс HTML/CSS

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