Курс HTML/CSS

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

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

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

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



Отзывы(2489)

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

12.06.2020
Бато Цыренжапов

Было здорово!

12.06.2020
Гаджи Кунбуттаев

Очень хороший курс.

11.06.2020
Viktoriia Hrechka

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

11.06.2020
Жасур Бекназаров

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

11.06.2020
student_WMk0inGh

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

11.06.2020
Марат Улакаев

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

10.06.2020
Аркадий Калгин

Интересное и понятное объяснение в видеоуроках.

10.06.2020
student_ZIUfOMlO

Хороший курс

10.06.2020
Сейтек Нурмаматов

Найс

09.06.2020
Филипп Коровин

Отлично! Получил много знаний. Курс советую 100/100

09.06.2020
Махмуд Шаухалов

В принципе не плохо, узнал много полезной информации. Не понравилось то, что автор иногда делает какие-то вещи но не объясняет почему он так решил сделать. Например: Мы зададим ширину width: 900px. Почему именно 900, как получилось такая цифра?

09.06.2020
dima_887

Мне всё понравилось! Самый понятный курс по html/css который я встречал.

09.06.2020
Олег Корж

Многое ещё осталось загадкой для меня, но в целом я очень доволен курсом! Надеюсь, у меня всё получится:) Как я уже и говорил, моя мечта - стать топовым программистом!

09.06.2020
student_I2sdiDxL

Не плохой курс.

09.06.2020
Андрей Шафрановский

Понравилось смесь интерактивности + домашнего задания + видео

09.06.2020
Sergey Eliseev

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

09.06.2020
Евген Рушинець

Дуже топово і головне - просто пояснюється матеріал!

08.06.2020
Аркадий Тягунов

Отличный курс - буду продолжать

08.06.2020
Kirill Ryzhkov

Отличный курс!!! Спасибо

08.06.2020
Z1rex

Очень понравилось.

08.06.2020
Юрий Ряховский

Классный курс! Рассказано подробно и интересно.

08.06.2020
Никита Ивженко

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

08.06.2020
Oleksandr Fedorov

Все круто!

07.06.2020
stustaisy

Все доходчиво изложено, удобная платформа и еще понравилось, что небольшими порциями поделенно, спасибо!

07.06.2020
Askhat Orazalinov

Nice

07.06.2020
student_09LT4_ro

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

06.06.2020
Rakhatbek Arinov

Неплохой курс для старта которые дает базу.

05.06.2020
Ахмади Макашев

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

04.06.2020
Ерасыл Саметаев

Очень хороший и быстрый курс, с хорошим объяснением

03.06.2020
Влад Черников

Отлично

03.06.2020
student_xrPDVaIP

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

03.06.2020
Тимур Черников

Отлично и доступно объясняют! Большое спасибо!

02.06.2020
Гюнгюлер Илиев

Курс - СУПЕР! Спасибо большое!

02.06.2020
Rustam Sharipov

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

02.06.2020
student_3mxwoCRQ

Хороший курс, советую всем

01.06.2020
Слава Толкач

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

01.06.2020
Дмитрий Хомутов

Узнал много нового, спасибо!

01.06.2020
Alex Kovalevskiy

Были сложность и некоторые вопросы не получилось разъяснить, но мне очень понравилось)

01.06.2020
Денис Хван

Лучший курс, правда прошел его за 1 день. Очень много практики, поэтому многое запоминается руками и уже сам знаешь, что от тебя требует написать в коде. Благодарю, стоит своих денег!

01.06.2020
Мурад Османов

Курс супер.

31.05.2020
Vasyl Shukost

Хорошая идея. Можно учится в любое время, все понятно, и легко.

31.05.2020
Алексей Архавёнок

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

31.05.2020
Виталий Гергель

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

31.05.2020
Дмитрий Ишков

Вообще огонь, разъяснили все по полочкам а самое главное Медиа запросы. Долго не мог понять как их использовать, а теперь знаю, спасибо!

31.05.2020
Talib^frm_DagRp

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

30.05.2020
Notnikename

Хороший курс. Понятные объяснения. Всем рекомендую!

30.05.2020
Levani Samsonidze

Хороший курс :)

29.05.2020
Антон Гильманов

Очень понятно и доступно выложен материал. Всё быстро усваивается, Потому-что всё разжованно)

28.05.2020
Роман Бирюков

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

28.05.2020
Егор Чумаков

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

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

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

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

Одна из миссий проекта 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 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки
  • Антон Новиков
    2279 xp
    1
  • Роман Кулик
    1953 xp
    2
  • Дима Рубец
    1872 xp
    3
  • Roman Belov
    1533 xp
    4
  • Сергей Рудавин
    1533 xp
    5
  • У вас 0 XP за курс HTML/CSS

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