Курс HTML/CSS

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

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

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

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



Отзывы(1718)

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

07.01.2020
Адиль Ергатов

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

07.01.2020
student_4ebA-A2N

Здравствуйте Сергей Никонов меня зовут Максим,что я думаю о курсах HTML/CSS да как и обо всём новом очень здорово;) Курсы меня порадовали, втянулся, вам за это спасибо. Буду продолжать обучение. Только одно думаю как все эти языки и стили запомнить? Есть конечно метод мнемоника называется, хоть его практикуй.

06.01.2020
Асмыкович Павел Миха...

Супер...

06.01.2020
Flutter Shy

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

06.01.2020
Иван Крапивин

Хороший курс! Материал легко усваивается и запоминается. Новичкам подойдёт.

06.01.2020
Дмитрий Олейников

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

05.01.2020
student_E1liK8ib

Большое спасибо!!! Все очень детально расписано!

05.01.2020
Филатов Е.В.

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

04.01.2020
Aleksey Aleksey

Хорошие и информативные курсы! Всё по полочкам и без лишней информации!

04.01.2020
student_JGeTSX1x

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

04.01.2020
Mihaela Morosan

Продуктивный курс

04.01.2020
Иван Цалко

Все легко и понятно.

04.01.2020
Евгений Верёвкин

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

03.01.2020
Андрей Кононюк

Отлично!

03.01.2020
Дмитрий Борщ

Очень хороший курс! Все просто и спасибо!

03.01.2020
student_tcCKeHRq

Very Good course

02.01.2020
Orest KOstiuk

Норм

02.01.2020
Александр Дорин

Всё отлично. Я прокачал html, но впереди ещё так много...

01.01.2020
Николай

Мне понравилось, советую!

31.12.2019
student_3fzX1F-H

Пушка

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

Очень познавательный и захватывающий курс, уверен - пригодится!!!

30.12.2019
Иван Павленко

Очень интересно! Много новой, полезной информации!

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
Иван Лазаренко

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

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

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

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

Одна из миссий проекта 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
  • Заур Тайсаев
    2337 xp
    2
  • Артём Глухоторенко
    2337 xp
    3
  • Максим Сумин
    2098 xp
    4
  • Николай Авилов
    2093 xp
    5
  • У вас 0 XP за курс HTML/CSS

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