Курс HTML/CSS

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

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

  • 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
Адаптивная верстка



Отзывы(901)

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

31.12.2018
Никита Дюльгер

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

31.12.2018
Кирилл Феофанов

Всё очень понятно и разборчиво!!! Спасибо за предоставленные знания!!!

31.12.2018
Никита Обатуров

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

31.12.2018
NikiNos_99

Нормально))

31.12.2018
Igor Churkin

Отлично! Лично мне хотелось бы больше самостоятельных задач.

31.12.2018
Евгений

Супер!

31.12.2018
Nahshon Yermiyahu

Материал излагается очень доступно для понимания

29.12.2018
Александр Андреев

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

29.12.2018
Sam Alice

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

28.12.2018
Sergey Demchenko

Все понравилось, для начинающих самое то. Только желательно добавить больше пояснений и упражнений. Более подробно объяснять CSS свойства. В отличии от курсов на других сайтах, этот курс прошел до конца, чего и вам желаю. Спасибо автору, он молодец, создал хороший ресурс.

28.12.2018
София Кашперова

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

27.12.2018
Гуляев Мартинас

Все очень понятно объясняет данный преподаватель, записывал все термины,теперь у меня есть задумка своего сайта, единственное что тут минус , это упражнения. когда написал код, уверял себя что правильно, но ответ неверный, а когда посмотрел ответ, межстрочный интервал сместился на 1 мм , а сам код верен, пофиксите позязя)) а так 5 звезд, рекомендую))

27.12.2018
Илья Васильев

Было не трудно

26.12.2018
Александр Касьяненко

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

25.12.2018
Renat Vakhabov

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

25.12.2018
Станислав Борисевич

Было очень интересно. Голос поставлен, материал изложен доступно. Спасибо за ваш труд!

24.12.2018
Владислава Олеговна...

Очень хорошо и понятно! Даже гуманитарию! Мне понравилось. Порционные задания очень сильно мотивируют. Супер! Хочу продолжать и взять другие курсы на FructCode!

23.12.2018
Сергей Соломко

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

23.12.2018
Александр Бет

Отличный курс, без лишней воды, очень доходчивое объяснение.

22.12.2018
Сергей Телепнёв

Всё что нужно для начинающих. Спасибо огромное за доступный материал!

22.12.2018
Николай Дмитриев

Есть неточности в уроках. Видно, что урок делался на одном дыхание, а перезаписывать не хотелось. Курс - основы, идеально для новичков. Качество записи, звук - на высшем уровне. Вместе с преподавателем сидел и проходил задания (2 монитора - счастье). Под конец курса уже сам сидел и писал CSS, получалось даже лучше. Добавьте больше тестов, это очень круто, когда можешь проверить свои знания. 500 символов мало на отзыв!

22.12.2018
Ильнар Валиев

Отлично понял все, спасибо

22.12.2018
Александр Сергеев

Отличный видео курс

22.12.2018
Alexander Pop

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

21.12.2018
Беатриса Тикона

В целом не плохо) И еще вроде накладку в видео заметила, если я ошибаюсь, то заранее извините) Там в уроке №62 на 05:07 минуте вы говорите написать для класса .content css свойства, а пишите повторно для класса .site_content, когда можно было дописать в него выше свойство text-align: center; и на №64 уроке на 02:05 минуте вы говорите что забыли написать свойства для класса .content (вообще, так можно запутаться)

21.12.2018
Andrey Shakirov

Отличный курс! Мне очень понравилось. Все абсолютно понятно. Сергей, огромное спасибо!

20.12.2018
Xan Kriegor

Хочется больше теоретического разбора.

19.12.2018
Анатолий Соловьев

Спасибо большое за первый курс! В котором Я узнал много нового и интересного о работе с HTML. Понравилось то что он и прост и одновременно сложен.

19.12.2018
Дмитрий Васькович

Хороший, быстрый способ научится самому создавать сайты))

18.12.2018
Kirill

Очень хороший курс. Всё хорошо объясняют, всё понятно и не так сложно как казалось.

18.12.2018
Егор Колтышев

Замечательный курс! Узнал много нового для себя.

17.12.2018
Игорь Дворник

Я могу гордится собой, я прошел путь html.

17.12.2018
Рихард Алиханов

Немножко теории бы)

16.12.2018
Anton Ivantsov

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

16.12.2018
Ольга Богатырева

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

16.12.2018
Никита Топтунов

Курс хороший, но с литературы можно было получить больше точных и быстрых советов. А так автору респект за старания. P.S. Надеюсь шума микрофона в следующих курсах не будет.

16.12.2018
Максим Мурашкин

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

16.12.2018
student_1UnlEYgv

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

15.12.2018
student_4gEWhmRx

Удобный и понятный для начинающих!!

15.12.2018
Владимир Кропотин

Было очень интересно и познавательно.

15.12.2018
Рустам Раджапов

Отличный курс! Мне понравился.

15.12.2018
Денис Фамильный

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

15.12.2018
student_w0yd3FWp

В этом курсе доступно объясняли, всего за каких то 65 уроков разложил всё по полочкам в HTML И CSS!

15.12.2018
VLADYSLAV HORBACHENK...

Отлично повторил весь материал очень хорошо

14.12.2018
Тимофей Лазебный

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

14.12.2018
Кирилл Пугачев

Прошел весь курс за 2 дня, научился большему чем за год в колледже

14.12.2018
Олег Натаров

Мне понравилось. Преподаватель все отлично объясняет.

13.12.2018
Сайпутин Магомедов

Спасибо за курс. Все очень понятно!

13.12.2018
student_tOj4wlGG

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

12.12.2018
Александр Колесников...

Крутой курс, все круто и четко объясняет. Главное записывать все теги в блокнот.

12.12.2018
Павел Стасов

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

12.12.2018
Yaroslav Didyk

Многое знал, но и многому научился

12.12.2018
student_SleshOFF

Отличный курс, ничего лишнего, всё чётко и понятно.

11.12.2018
Вячеслав Бахарев

Всё понятно и ясно. Спасибо автору за проделанную работу!

11.12.2018
Александр Тулин

Все норм!

11.12.2018
Vitalii Rusal

Все отлично!)

10.12.2018
Roman Kurepanov

Отличный курс. Лично мне очень понравилось... Долгое время до этого я пытался самостоятельно изучать HTML и CSS, но в голове была полная неразбериха. Тут же данные полностью структурированы... Я прекрасно понимаю, что это только самые азы... но понимание уже имеется... Надеюсь в следующих курсах будет все так же понятно.

10.12.2018
Николай Бобровский

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

10.12.2018
Виктор Шиляев

Давно искал такой видео-курс, который шаг за шагом объясняет как нужно верстать сайт. Спасибо!

09.12.2018
Antonina Muraveva

Спасибо за интересные и что немаловажно - короткие видео - очень удобно смотреть уроки именно короткими отрывками!

09.12.2018
Дмитрий Стахнев

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

09.12.2018
Максим Шалюгов

Хороший и интересный подход смотреть видео и выполнять некоторые задания прямо в браузере, но иногда (особенно при на последних заданиях) браузер глючил и выдавал верные ответы за неверные - приходилось обновлять страницу. Сам по себе курс вполне нормальный - в стиле ничего лишнего, единственное замечание: цвета границ подобраны не очень удачно - увидеть едва серый цвет на белом очень затруднительно.

09.12.2018
Александр Бекетов

Курс впечатляет конкретностью, практичностью и быстрыми результатами. Для начинающих изучение HTML и CSS - очень даже рекомендую.

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

Доволен всем, научился много чему, купил подписку на 1 год думаю успею всё пройти)

08.12.2018
Егор Трушенков

Отличный курс всё понятно и легко.

08.12.2018
Anton Marin

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

07.12.2018
Михаил Ченцов

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

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

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

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

Одна из миссий проекта 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] и мы постараемся ответить в ближайшее время.

Преподаватель

Сергей Никонов. Автор курса программирования HTML/CSS | FructCode
Сергей Никонов
  • Основатель проекта FructCode
  • Опыт в веб-разработке более 10 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки
  • Олег Батов
    2337 xp
    1
  • Floyd Mayweather
    2337 xp
    2
  • Николай Налимов
    2291 xp
    3
  • Олег Шавров
    2291 xp
    4
  • Никита Горобец
    1179 xp
    5
  • У вас 0 XP за курс HTML/CSS

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