Курс HTML/CSS

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

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

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

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



Отзывы(1017)

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

14.02.2019
Сергей

Интересно и познавательно, стали ясны общие понятия. Спасибо!

14.02.2019
Владимир Горбунов

Спасибо! Очень доступно и интересно.

14.02.2019
Ксения Багрова

Хороший курс. Узнала много нового

14.02.2019
Виктория Втюрина

Отличный курс, все по делу! Дает отличную базу для понимания азов html css. Думаю, если не тянуть и не лениться, изучать дальнейшие курсы по фреймворкам + дополнительно самому что-то читать, можно выйти на очень неплохой уровень знаний во фронтенде. Большое спасибо.

13.02.2019
student_l_U8miCJ

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

13.02.2019
Руслан Ильдибейкин

Мне очень понравился курс HTML/CSS Все понятно и доступно.

13.02.2019
Владилен Панков

Спасибо за курс HTML/CSS! Одно радует, что всё объясняется до мелочей. Всё доступно и понятно. Спасибо огромное Сергею за данный курс!

13.02.2019
Юлия Заворохина

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

12.02.2019
Кирилл Корнев

Прошел весь курс от A до Я | Научился многому!!!

12.02.2019
Максим Суснопаров

Все предельно ясно и понятно. Спасибо за данные знания! Я рад что смог научится пользоваться html,scc хоть и не на 100%, но это только начало!

12.02.2019
student_9A5XB4ib

Супер!!!

12.02.2019
Puf Volkov

Все доступно, все понятно, все интересно.

12.02.2019
Андрей Белоцерковски...

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

11.02.2019
Михаил Кривец

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

11.02.2019
Вадим

Кулл!))

11.02.2019
Алексей Агеев

Клевый курс. Все понятно.

11.02.2019
Степан Жвик

Хороший курс! Мне понравилось.

11.02.2019
student_5yWZtpqL

Отлично. Все очень простыми словами.

10.02.2019
Vladimir Linichenko

Все достаточно понятно и не утомительно. Хороший курс

10.02.2019
student_S_yl5rDv

Все понравилось. Правда, некоторые тонкости все равно придется гуглить. А так, для меня как совсем нулевого верстальщика, очень информативный курс.

09.02.2019
Adil Kemelbek

Шикарный курс

09.02.2019
Andrey

Интересный и полезный курс, стоит времени, потраченного на изучение материала

09.02.2019
student_v4Co_NPu

Очень хороший курс. Все доступно и понятно.

09.02.2019
Роман Серопов

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

08.02.2019
Egor Degtyarev

Очень продуктивный курс! Вовлечённость 150%

08.02.2019
Matthew Tol'

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

08.02.2019
Сергей Иванов

Отлично!

08.02.2019
Даниил Згонников

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

07.02.2019
Алексей Мясников

Очень понравился. То что я давно искал.

07.02.2019
Максим Вертийченко

Как для меня - НОВИЧКА. Отличное начало.

07.02.2019
Alexander Pogromovsk...

Замечательный курс. Мне очень понравилось всем советую пройти :)

07.02.2019
Андрей Незаметин

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

07.02.2019
Юрий Мошатин

Для совсем новичков, для того, чтобы попробовать - вполне себе подойдет материал. Но до полноценного курса по HTML / CSS явно не дотягивает ))

07.02.2019
student_5KMW45gq

Хороший курс для общего понимания!

07.02.2019
Сергей Кошелев

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

06.02.2019
Kirill Vorobyv

Спасибо Вам!

06.02.2019
Игорь Куценко

Все понравилось. Единственный момент которого не хватало- Хотя бы пары примеров, почему ставим столько-то процентов в ширине, почему padding и margin скажем 3% ,а не 8 и т.д и размещения кнопок на примере одной из страниц (строка поиска например) В остальном все гуд!

05.02.2019
Андрей Данилов

Доступно и ничего сложного

05.02.2019
Александр Кирюхин

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

05.02.2019
Данил Бовкун

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

05.02.2019
Полянский Дмитрий

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

05.02.2019
student_9KwezQcR

Я очень вам благодарен. Серьезно просто случайно наткнулся на этот сайт а теперь я знаю чего я хочу от жизни стать FULLSTACK WEB РАЗРАБОТЧИКОМ!

05.02.2019
student_1xpQ30-X

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

04.02.2019
Никита Тижин

Прикольно, узнаешь много нового)

04.02.2019
Артём Резниченко

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

04.02.2019
student_XyKdWsAl

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

04.02.2019
Виталий Ильин

Отличный курс. Делал как и говорил Сергей свой параллельный сайт. С помощью CSS сделал свой футер. Пошел учиться дальше.

04.02.2019
Вагин Дмитрий

Очень полезный и хороший курс, в этом деле главное усидчивость и всё получится :)

04.02.2019
Matthew Patterson

Легко и понятно!

04.02.2019
Bereket

Прошел на ура!!!

04.02.2019
Игорь Кутилин

Все четко и без воды, продолжаю учится)))

03.02.2019
Иван Ленский

Отличный и легкий курс! Спасибо создателям :)

03.02.2019
Sunshine

Отличный курс. Достаточно информативно и понятно. Спасибо за проделанную работу

03.02.2019
Андрей Сунцов

В целом отлично. Но хотелось бы чуть побольше теории, так как местами остались пробелы.

03.02.2019
Андрей Ермаков

Благодарю Вас за очень продуктивные уроки! Никогда ранее не сталкивался с программированием,оказалось весьма интересным занятием!

03.02.2019
Алексей Циммерманн

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

03.02.2019
Andrii Malhivskiy

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

03.02.2019
Yaroslav Mikhailov

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

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

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

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

Одна из миссий проекта 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 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки
  • Dorin Palii
    2337 xp
    1
  • Sergey Ulyanov
    2291 xp
    2
  • Мовладий Алиев
    1872 xp
    3
  • Алексей Скубиев
    1673 xp
    4
  • Дмитрий Волков
    1501 xp
    5
  • У вас 0 XP за курс HTML/CSS

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