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

29.12.2019
Aleksey Perevyazko

Получил большое количество знаний, мне очень помог ваш курс, спасибо большое )

29.12.2019
алексей данилин

Спасибо очень познавательно, буду продолжать учиться

29.12.2019
Елена Шадрина

Огромное человеческое спасибо Сергею за его работу. Материал легко усваивается. Уроки интересны, понятны, а главное упрощенны до уровня первоклассника. Впервые пожалела что в сутках 24 часа. Если бы могла, то и спать бы не ложилась. С удовольствием продолжу обучение под руководством Сергея. Ещё раз благодарю.

28.12.2019
Александр Олегович Р...

Отличный курс, преподаватель молодец. Есть один момент: когда делаем адаптивную верстку(@media), я не сразу понял что нужен пробел(отступ) между логическим оператором and и тем, что пишется в скобках... На то, чтоб я дошел до этого потратил немного время. А в целом понравился курс.

28.12.2019
Eduard Zager

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

28.12.2019
Артем Натоин

Очень полезный курс

Плюсы
1-Минимально не нужной информации
2-Максимум практики
3-По минимальной цене

Минусов для новичков нету

28.12.2019
Roman Poboinyi

Я как новичок в программировании могу сказать, что подача материала понятна и логична. Много понятно сразу, некоторые вещи придут с практикой. Это не будет моей основной профессией, но я с удовольствием буду и дальше осваивать веб программирование. Круто изучать что-то новое, а затем полноценно пользоваться этим. Спасибо!

27.12.2019
student_NU2BqI8e

Все что сказано было легко понять, но я уже знал все из курса. Думаю что неплохо было если в курсе учили flexbox.

27.12.2019
student_iP_urcpG

Было интересно. Немного не понятно со стилями для таблицы

27.12.2019
Sergey Khabarov

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

27.12.2019
Сергей Матюнин

Мне понравилось, на основе этого обучения на работе сверстал сайт для своего отдела.

27.12.2019
Cвятослав Мякшин

Замечательный курс. Всё понятно.

27.12.2019
Рогачев Владимир

Курс очень понятный, за 12 часов научился писать код Для сайта с фильма. Осталась только практика и побольше практики! Спасибо большое ваш ™Ow3rtine

26.12.2019
Василий Калеев

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

26.12.2019
student_XAtStfBe

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

25.12.2019
Иванов Артём Алексан...

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

25.12.2019
Никита Дорохов

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

25.12.2019
Антон Ангельгардт

Хороший курс для старта, но произношение тьютора очень хромает и это мешает восприятию материала :(

25.12.2019
Cristian Bitca

In 2 days I learned this with great pleasure. Many thanks!

25.12.2019
student_AuLX55yI

Супер

25.12.2019
Igor Safonov

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

25.12.2019
Илья Борисов

Мне очень понравились лекции и ДЗ! Курс очень понятный и полезный, особенно для новичков.

25.12.2019
student_fTKIYdG6

Годно

24.12.2019
Сергей Миропольский

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

24.12.2019
Владимир Пысанко

Супер. На этом курсе я за неделю узнал и научился большему чем мог бы за месяц или 2

24.12.2019
Андрей Мамонтов

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

24.12.2019
Андрей Сидоров

Не плохо

24.12.2019
Николай Дорофей

Очень хорошо.

23.12.2019
Анна

Отлично, нужно много практиковаться!!!

22.12.2019
Иван Лазаренко

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

22.12.2019
Юрий Степанчук

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

21.12.2019
ARSENY DRUZHININSKY

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

21.12.2019
Valeri Lane

Очень даже норм. Хотя плеер при перемотке частенько показывает артефакты.

21.12.2019
student__Ba5bPkJ

Легко)

20.12.2019
Вероника Шомысова

Спасибо! Все очень понравилось. Понятно, доступно. Но мешал один нюанс - в практических заданиях, бывало, правильно пишу код, но при проверке выдает, что не совпало с правильным вариантом. И причина, например, в лишнем пробеле, не совпадающих последовательностях. Хотя при обновлении странички - все хорошо.

19.12.2019
Галина Воинова

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

18.12.2019
Александр Дьяков

Я мечтал заняться построением сайтов. Вот случайно на просторах интернета нашёл очень хороший курс. Он мне очень понравился. Доступная и понятная информация. Рекомендую к изучению.

18.12.2019
Kutman Iliaz uulu

Дали первые толчки к миру IT программированию. Большие благодарности всей вашей команде!

17.12.2019
Gadir Gadirov

Супер... Всё объясняют шикарно

16.12.2019
Thrond

Нормально

16.12.2019
Денис Мясников

Отличный курс, всё по полочкам от простого к лёгкому.

16.12.2019
Максим Лавриненко

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

16.12.2019
Михаил Поляков

Очень интересно

15.12.2019
Саркис Манасян

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

15.12.2019
Viacheslav Hovor

Превосходно

15.12.2019
Сава Петров

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

14.12.2019
Анастасия Соболева

Мне очень понравился курс.. было интересно и доступно к восприятию)

13.12.2019
Yatos

Неплохо, но хотелось, что бы автор больше давал теории, просто иногда кажется, что-то автор опускает в видео

13.12.2019
anton mikhailouski

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

13.12.2019
Sergey Ivanyuk

Ещё многому нужно научиться, хорошие уроки, очень познавательно

13.12.2019
Сергей Ефремов

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

12.12.2019
lol

Про адаптивную верстку немого не понял

12.12.2019
Александр Назаров

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

11.12.2019
Кирилл Пономаренко

Хороший курс в плане первого ознакомления с HTML и CSS)

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

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

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

Одна из миссий проекта 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
  • Олег Карпюк
    2098 xp
    4
  • Valerii Zavgorodnii
    1858 xp
    5
  • У вас 0 XP за курс HTML/CSS

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