Курс HTML/CSS

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

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

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

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



Отзывы(2062)

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

20.03.2020
Татьяна Огнева

Отлично! В начале не все понятно, но потом втягиваешься)))

20.03.2020
Артем Шаповалов

Я пополнил свои знания) Спасибо!

19.03.2020
George Kraynik

Неплохо

19.03.2020
Владислав Метелёв

Всё доступно и понятно. Но не хватает объёма!

19.03.2020
student_HKn91waA

Для новичков самое то

19.03.2020
Александр Кузнецов

Это было круто!!! Мне понравилось.

19.03.2020
Andrius2005

Отличный курс! Если самому не тормозить и в тоже самое время практиковаться на своём сайте, то опыта будет в 2 раза больше после курса. Курс станет ещё полезнее. Всем привет из Прибалтики!! ;)

18.03.2020
Никита Зинченко

Спасибо за понятно изложенную информацию!!!

18.03.2020
Константин Ракин

Курс максимально понятен. Лучший курс по html

18.03.2020
Алишер Эргашалиев

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

18.03.2020
Иван Лебедев

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

18.03.2020
student_XtRDEnZL

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

18.03.2020
student_cgSvVtJv

Все быстро и понятно. Автору большая благодарность!!!

17.03.2020
VADIM SOLOVYEV

Спасибо.

17.03.2020
student_HWsm4dij

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

17.03.2020
Qubk

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

16.03.2020
Андрей Михаць

Курс прикольный, рекомендую пройти всем ставлю 5 звезд

16.03.2020
Сергей Силенко

Курс классный, классно сделанный. Сергей Никонов объяснял хорошо, понятно, и показывал всё сразу на практике. Были у него конечно моменты неправильного произношения и не только языков программирования, но то мелочи жизни. Единственное, хотелось чуть больше теории, но и без неё всё было понятно. Так было даже интереснее, понимать самому что происходит и как это взаимодействует с чем-то. Надеюсь, следующие курсы будут ещё интереснее. От этого же получил массу удовольствия. Всем советую!!!

16.03.2020
Уалихан Оразбаев

Очень хороший курс, больше всего понравилось то, что было много практики

16.03.2020
Женя Белоус

Хороший курс

16.03.2020
Александр Сидоренко

Прекрасный курс. Спасибо огромное! понравилось как все реализовано.

15.03.2020
Ирек Сулиманов

Хороший курс.

15.03.2020
Александр Толстопято...

Все очень доступно и понятно объясняется

15.03.2020
student_l1BF7zs-

Мне понравился курс за 2 недели я очень многому научился благодаря этому курсу я что такое верстка и теперь понимаю как создаются сайты. Ставлю 5 звезд!!!

15.03.2020
Эрнес Люманов

Доволен курсом, хоть и почти все знал) Очень хорошо объяснял, в общем доволен!

15.03.2020
ИЛЬДАР АХМЕДОВ

Все объясняется очень понятно для новичков

14.03.2020
Дмитрий Рогатнев

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

14.03.2020
Stanislav Boyko

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

14.03.2020
Вова Федянин

Я научился пилить сайты, это хорошо!

13.03.2020
Константин Чухлов

Все подробно и понятно объясняется, а благодаря практике и домашним заданиям очень легко запоминается.

13.03.2020
Данил Мизёв

Good)

12.03.2020
Нурсултан Гламов

Урок был простым и понятным языком

12.03.2020
Константин

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

12.03.2020
Павел Ломтев

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

12.03.2020
Павел Кузьмин

Хороший курс, хорошее объяснение все понравилось.

12.03.2020
Georgy KeeWin

Этот курс научил меня многому, я начал лучше ориентироваться в css-свойствах, однако раньше желания писать css-код не появлялось. Хочу сказать, что теперь я брошу часть своих сил, наибольшую в рамках того, насколько сам смогу себя заставить учиться, чтобы изучить все курсы FructCode, но, всё же, за пару лет некоторое изменилось даже в стандартах вёрстки и некоторая информация в курсе не совсем актуальна, прошу обратить внимание на семантические теги, о которых не было сказано подробно.

12.03.2020
Deniss Timofejevs

Good

12.03.2020
Никита Шаура

Мне понравилось!!! Я получил те знания, которые мне пригодятся в будущем. Это очень круто!

11.03.2020
Александр Петренко

Все понятно и доходчиво, без лишней воды, все по делу, много полезной информации

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

Рекомендую этот курс всем. кто хочет заняться web-программированием.

10.03.2020
student_DaXtgSX1

Отлично!!!

10.03.2020
Nikita Kargin

Безумно нравятся ваши курсы!!!

10.03.2020
Alexei Voronov

Вся информация донесена очень доходчиво, я доволен и горю желанием учиться дальше :) Спасибо!

10.03.2020
Ruslan Tochiev

Узнал много всего полезного.

10.03.2020
Elena Sindina

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

10.03.2020
Алексей Мухлынин

Было очень познавательно, и что не менее важно интересно!

09.03.2020
Олег Чигрин

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

09.03.2020
student__IkdbSDZ

Мало домашки, а так 10/10.

09.03.2020
Евгений Ранд

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

08.03.2020
Viktor Zamorskyi

Курс HTML/CSS получился необыкновенно занимательным. Все ранее полученные основы структурировались в голове в правильном порядке. Спасибо Вам, Сергей, за дополненные знания, а также за первый образцовый для меня сайт!

08.03.2020
Bogdan Kulikov

Очень подробный курс по HTML/CSS! Все понятно для начинающих! Хороший курс с большой практикой!

08.03.2020
Anton Nikachyov

Неплохой курс для новичков.

08.03.2020
Meiram Akhmetov

Классный курс!

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

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

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

Одна из миссий проекта 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 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки
  • Nick Myers
    2337 xp
    1
  • Эрик Оганесян
    2337 xp
    2
  • Виталий Лагутин
    2245 xp
    3
  • Олег Карпюк
    1953 xp
    4
  • Valerii Zavgorodnii
    1858 xp
    5
  • У вас 0 XP за курс HTML/CSS

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