Курс HTML / CSS

4.9

В видеокурсе Вы изучите основы языков HTML и CSS, научитесь создавать адаптивные HTML страницы Вашего сайта. В процессе обучения Вы создадите портал КиноМонстр — сайт о кино, адаптированный для работы одновременно на компьютерах и мобильных устройствах.
Изучите онлайн уроки по основам верстки и программирования Html и Css с нуля и Вы сможете эффективно создавать верстку любых собственных сайтов!

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

О курсе - Чему Вы научитесь?

Посмотрите видео об онлайн курсе программирования и верстки HTML / CSS для начинающих. Вы узнаете, как эффективно построить обучение основам Html и Css и научиться самому создавать веб сайты с нуля.

В процессе обучения Вы получите знания и навыки:
  • Основы HTML и CSS
  • Полноценная верстка страниц сайтов, на примере сайта о кино
  • Работа в редакторе кода SublimeText
  • Практическое применение основных тегов HTML
  • CSS-верстка текста: цвет и размер шрифта
  • Позиционирование блоков на сайте
  • Работа с изображениями
  • Правильная HTML-разметка для SEO
  • Адаптивная верстка под мобильные устройства
  • Специальные классы для адаптивности
  • Полезные инструменты для frontend-разработчика

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

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

План курса

Программа обучения включает видео уроки по изучению HTML и CSS с нуля. Благодаря интерактивным тестам и заданиям, Вы сможете закрепить полученные знания по Html и Css верстке и программированию веб сайтов на практике.

развернуть все

свернуть все

4. Создание сайта на практике. Главная страница - Верхняя часть (Header) и меню
  • 4.1 Подключение css стилей в отдельном файле09:09
  • 4.2 Интерактивное задание02:00
  • 4.3 CSS свойства: margin, padding, height, font-size и другие07:02
  • 4.4 Тестирование00:15
  • 4.5 Тестирование00:15
  • 4.6 Интерактивное задание01:30
  • 4.7 Тестирование00:15
  • 4.8 Интерактивное задание01:30
  • 4.9 Интерактивное задание02:30
  • 4.10 Тестирование00:15
  • 4.11 Стилизация ссылок с помощью CSS05:56
  • 4.12 Тестирование00:15
  • 4.13 Тестирование00:15
  • 4.14 Интерактивное задание01:30
  • 4.15 Создание горизонтального меню07:45
  • 4.16 Тестирование00:15
  • 4.17 Стилизация горизонтального меню05:33
  • 4.18 Тестирование00:15
  • 4.19 Интерактивное задание03:00
5. Создание сайта. Главная страница - Правый блок
  • 5.1 HTML Form. Создание форм07:31
  • 5.2 Интерактивное задание01:30
  • 5.3 Right Block. Начнем создавать панель справа13:05
  • 5.4 Тестирование00:15
  • 5.5 Right Block. Продолжение12:03
  • 5.6 Right Block. Часть 310:51
  • 5.7 Интерактивное задание07:00
6. Создание сайта. Главная страница - Нижняя часть (Footer)
  • 6.1 Footer. Часть 104:22
  • 6.2 Footer. Часть 205:21
  • 6.3 Интерактивное задание05:00
7. Создание сайта. Главная страница - Фильмы, Сериалы, Блог
  • 7.1 Content главной страницы08:56
  • 7.2 Главная страница. Записи блога05:30
8. Создание сайта. Страница просмотра фильмов
  • 8.1 Страница просмотра фильмов05:37
  • 8.2 Страница просмотра фильмов. Блок информации о фильме05:50
  • 8.3 Страница просмотра фильмов. Блок с описанием фильма05:10
  • 8.4 Страница просмотра фильмов. Блок с отзывами к фильму06:40
  • 8.5 Интерактивное задание05:00
  • 8.6 Страница просмотра фильмов. Форма отправки отзывов к фильму08:44
9. Создание сайта. Страницы Фильмы и Рейтинг фильмов
  • 9.1 Страница Фильмы13:45
  • 9.2 Интерактивное задание07:00
  • 9.3 Страница Рейтинг фильмов12:22
  • 9.4 Тестирование00:15
  • 9.5 Интерактивное задание10:00
10. Создание сайта. Адаптивная верстка
  • 10.1 Адаптивная верстка. Инструменты разработчика06:48
  • 10.2 Адаптивная верстка. Media queries, тэг viewport09:43
  • 10.3 Адаптивная верстка. Правила адаптивной верстки11:56
  • 10.4 Тестирование00:15
  • 10.5 Адаптивная верстка. Продолжение09:53
  • 10.6 Адаптивная верстка. Заключительная часть11:59
Завершение курса - Получение Сертификата


Студенты также изучают

online_course
new
4.9
  • 8 видео
  • 3 часа
online_course
new
online_course
4.9
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 59 видео
  • 21 час
online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час

Отзывы студентов о курсе

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

07.06.2021
student_d_ocVchA

Замечательный курс! Советую!!!!

01.06.2021
Татьяна Арютова

курс очень понравился! коротко, ёмко, много новой полезной информации. лектора приятно слушать.

01.06.2021
Екатерина Королева

Курс отличный, все очень понравилось) Большой шаг в мир ИТ

28.05.2021
Olena Shubina

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

25.05.2021
Светлана Козачук

Огромное спасибо, мне курс понравился, особенно интересны и полезны интерактивные задания. Было трудно, это мой первый курс. Раньше само слово - программирование - звучало для меня устрашающе, но я справилась и планирую обучаться дальше. Это не так страшно, как кажется, главное - внимательно слушать и смотреть, работать над ошибками. Надеюсь применить полученные знания на практике.

23.05.2021
Александр Моргунов

Благодарен авторам курса за отличный опыт. Материал подается действительно интересно. Очень понравился подход к обучению через практику. Буду продолжать. В планах Bootstrap - JS - React.

20.05.2021
Максим Грабовский

Мое обучение пролетело за три дня по паре часов. Понравилось больше всего, что все все доступно и сразу применяется на практике. Рекомендую всем начинающим и не только.

19.05.2021
Денис Демидков

Очень познавательный курс. Мне 12 лет, но несмотря на это, всё прекрасно понял!!!

13.05.2021
Alex Vyzhimov

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

13.05.2021
Михаил Ромашкин

Хороший курс для начинающих. Все подробно разобрано на практике.

13.05.2021
student_c5tuIBQg

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

09.05.2021
Андрей Круглов

Отличный курс, наглядное подробное объяснение! Просто и в доступной форме подан материал. Выполнение заданий дает необходимую практику. Буду рекомендовать курс знакомым и друзьям, всем кто желает обучиться создавать и верстать сайты.

07.05.2021
student_etbzUj44

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

06.05.2021
Татьяна Шорина

Интересно, формативно, доступно. Буду рекомендовать друзьям и знакомым!

05.05.2021
Евгений Малышев

Мне понравилось, рассказывают четко, интересно, все по теме, буду и дальше походить обучение, Сергею Никонову отдельное спасибо!!!!!!!!! :-))))))))))))))

02.05.2021
Иван Мирошников

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

27.04.2021
SHOODIL SHOASKAROV

Прошел курс за 5 дней, очень доволен. Узнал основы HTML и СSS. Всё объясняют очень внятно, впечатление очень хорошие. Собираюсь дальше изучать BOOTSRAP.

26.04.2021
Евгений Чуйко

Курс максимально понятен и доступен. Когда-то я смотрел на код html в интернете и думал, что он невероятно сложный. Однако Сергей Никонов в пошаговой, максимально доступной форме рассказывает о том, как сделать сайт своими руками. От курсов остался в восторге! Из минусов: где-то с урока седьмого из роликов пропала музыка на заставке BeONmax :((

26.04.2021
Виталий Тычина

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

24.04.2021
Ирина Стабровская

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

24.04.2021
Максим Сутович

Прекрасный курс, просто, понятно, быстро. Всем рекомендую.

21.04.2021
Ольга Прийма

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

20.04.2021
student_2dfx-kbm

отличное учебное пособие, как для новичка так точно, первый багаж знаний. Естественно спасибо человеку, который записывает подобные гайды, дело благое :)

20.04.2021
Ризван Гавартуев

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

19.04.2021
Валентин Бойко

Спасибо всё отлично. Мне понравилось. Буду продолжать обучение дальше.)

19.04.2021
Евгений Павлов

Много интересного и даже нового. Только лектор иногда ошибается с именами классов в css и html. Проходил курс больше чтобы освежить знания, но и новых нахватал, спасибо.

17.04.2021
Владимир Бакуменко

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

17.04.2021
Артем Шекланов

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

16.04.2021
Геворг Мамиконян

Я как раз знакомился с html / css. Мне понравилось как вы объясняете

10.04.2021
Алиса Вязовская

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

07.04.2021
Владислав

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

06.04.2021
Дмитрий Ерофеев

Неплохой курс, как для начинающих. Чтобы понять как вообще осуществляется верстка на HTML и CSS, но это лишь малый старт. Стремление позволит развиваться дальше. После данного курса советую сделать свою страницу, даже если будет похожа на эту и вам придётся подсматривать. Помните, даже гуру программирования приходится подсматривать. Но стремитесь сделать что-то уникальное.

05.04.2021
Diyor Erkinov

Мне очень понравилось курс был очень позновательным

04.04.2021
Ирина Попова

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

02.04.2021
Михаил Чубаров

Спасибо Сергею за отлично предоставленный материал. Хорошо рассмотрен CSS и основы адаптивной верстки. Однозначно 5 из 5

02.04.2021
Сергей Перепёлкин

Всё понятно, объяснили как работать с HTML/CSS

01.04.2021
Ростислав Кравец

Супер, всё доступно, понятно на примере вёрстки сайта Киномонстр. Нет лишней воды, всё учишь по ходу вёрстки и понимаешь на реальных примерах. Естественно просто повторять писать код за автором курса - этого мало! Дополнительные справочники по HTML и CSS вам в помощь и самостоятельная работа! Чудес не бывает, надо пропустить всё через себя.

30.03.2021
Наталия Продиус

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

29.03.2021
Борис

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

29.03.2021
Aleksandr Kostricki

Хороший курс, дает представление о HTML, CSS. Не хватает подсказок с каких сайтов можно брать те же шрифты, цвета, иконки. В целом хорошо, если внимательно смотреть и выполнять все задания.

29.03.2021
Юлия Фенюшина

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

29.03.2021
Спартак Мовсисян

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

28.03.2021
student_Fnjeqma1

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

26.03.2021
Евгений Павлов

Мне очень понравилось. Прошёл курс на одном дыхании. Всё доступно и понятно. Огромное спасибо!!!

26.03.2021
Yulia Kovalenko

Its a grate course. Thank you very much!

24.03.2021
Павел Трофимов

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

24.03.2021
Nidjat Gasimli

Прошел курс менее чем за 2 дня. Очень чётко и подробно всё объясняют. Рекомендую

23.03.2021
Наталья Хандогина

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

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

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

Course Author
Сергей Никонов

О преподавателе курса

  • Опыт в веб-разработке более 12 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки

Всего заданий: 65

Видеоуроки: 31

Интерактивные задания: 18

Тесты: 16


Продолжительность: ~5 часов

  • Максим Заикин
    2337 xp
    1
  • Mike Bernstone
    2337 xp
    2
  • Даниил Лосев
    2337 xp
    3
  • Дмитрий Русанов
    2337 xp
    4
  • Денис Карпов
    2325 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!