Курс 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
Завершение курса - Получение Сертификата



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

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

02.06.2020
Елена Жарова

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

01.06.2020
Никита Патшин

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

01.06.2020
Денис Бусин

курс бомба всем рекомендую все по делу и ни какой воды!!!! Автору респект!!

01.06.2020
student_YqXsc7LU

Коротко и понятно. Показаны основные приемы и навыки в верстке. Спасибо.

01.06.2020
Сергей Гурьянов

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

31.05.2020
Polina Golovina

Обучение прошло за несколько дней. Быстро, просто и понятно. Интересно будет пройти и остальные курсы для полнота картины.

31.05.2020
Andrei Den

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

30.05.2020
Владислав Северов

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

29.05.2020
student_wXJedvWP

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

29.05.2020
Шукри Алиев

Обучение прошло очень быстро без всяких проблем. Больше всего мне понравилось понятное объяснение и интересное закрепление информации. В отличии от других курсов по HTML и CSS, в курсе beONmax всё понятно объясняется, мои знания о HTML и CSS сильно расширились за небольшое количество времени проведённого на сайте. Я научился верстать внешний вид сайтов используя HTML и CSS. Рекомендую новым ученикам курса не нервничать, быть внимательным при написании кода и упорно стремиться к цели!

29.05.2020
Никита Никита

Хороший курс, но всю информацию запомнить трудно. И хотелось бы больше ДЗ.

28.05.2020
Степан Коваленко

Здравствуйте. Я впервые прошел курс онлайн программирования. Не могу сравнить с другими видео курсами. Обучение заняло около месяца в режиме 2-3 часа в день. Большая часть времени отводилась на поиск ошибок. В целом как стартовый навык курс мне подошел. Я вообще стал понимать как осуществляется программирование в html. Новым ученикам рекомендовал бы предварительно перед курсом просмотреть видео в котором в общих чертах будет рассказано.

28.05.2020
Олег Любченко

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

28.05.2020
Maria Pavlova

Спасибо Вам огромное за вашу замечательную подачу материала к этому курсу! Спасибо всей вашей команде, что сделали курсы доступными для каждого, как в финансовом отношении, так и в плане обьяснения материала...на простом русском языке, а не на "инопланетном жаргоне" :)) You are, guys, the Best from the Best!!! I'm learning with the DreamTeam called BEONMAX :))

27.05.2020
Salvia Booster

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

27.05.2020
Рустам Рамазанов

Отличный курс!!! Реально с нуля и до результата. Все оказывается не так сложно как кажется. Отличная подача материала! Если сравнивать с другими курсами, ни какой воды ни какпли, только практика, усваиваешь материал без потери времени. Конечно многое зависит от ученика, вот мне лично с CSS сложно, но думаю на курсе Веб разработчика подтяну. Даже не задумывайтесь, пока есть время учитесь. это того стоит!

27.05.2020
Роман Лукьянов

Интересный курс. Отсутствие "воды", все по делу. На мой взгляд, немного примитивные задания. В целом - на пятерку.

27.05.2020
Инна Михайленко

Курс обучения доступный, очень помог освоение HTML и CSS. Спасибо огромное!

26.05.2020
SCORP

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

26.05.2020
Анастасия Чибисова

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

25.05.2020
Евгений Меньщиков

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

25.05.2020
Nuraddin Ruzimov

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

25.05.2020
Игорь Каёхтин

Отличный курс. Замечательный преподаватель. Квалифицированно и практично. Молодцы!!!

24.05.2020
Vitalii majar

Обучение прошло замечательно. Мне понравилось как всё объясняю, и то что сайт похож на профессиональный. Курс на beONmax по моему мнению лучше других, и я уже могу создавать что-то более масштабное. Рекомендую к прохождению

24.05.2020
Ivan Polishchuk

Курс полезный и интересный. Рекомендую.

24.05.2020
Елена Шипилевская

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

23.05.2020
Анна Мартиросян

Курс очень понравился, ничего лишнего. Динамично и по делу. Спасибо большое!!!

22.05.2020
student_QtIdzvMg

Обучение по курсу CSS/HTML прошло быстро. Мне понравилось больше всего в курсе, как рассказывают и объясняют. Я рекомендовал бы для начинающих по web-разработке сначала пройти курс HTML/CSS, А потом перейти на курсы Javascript или Bootstrap. Спасибо за курсы.

21.05.2020
student_pNAfdl6d

Очень круто! Если что-то не получается, дело в вашей невнимательности! Спасибо автору!

20.05.2020
Денис Петухов

Обучение очень интересное. Прошел всего за 19 дней уделяя где- то по 3 часа. Больше всего понравилось понятное и наглядное представление информации. Я научился верстать и узнал много тегов html и свойства css. Обязательно пишите код вместе с автором. Пробуйте менять стили css для представления их возможностей и пишите весь код и стиль в тетрадь( да это долго но более эффективно запомнить материал и тем более у вас останется наглядный материал.

20.05.2020
Сергей Шведенко

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

20.05.2020
Алия Зиннатуллина

Обучение прошло отлично, мне очень понравилось, самое главное объясняют доступно и понятно, понравилось то что между небольшими видео есть тесты и интерактивные задания, так же я получила новые знания и теперь знаю как создаются сайты. БОЛЬШОЕ СПАСИБО!)

20.05.2020
Костя Урванов

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

19.05.2020
PAVEL LARKIN

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

18.05.2020
Рустам Рагимов

Обучение прошло успешно, никаких лишних вопросов не было. Мне понравилось пошаговое изучение элементов сайта и присутствие, помимо курсов, домашнего задания. Это мой первый курс. Я получил знания и опыт того как создаются сайты. Я бы порекомендовал ученикам изучать информацию о HTML / CSS не только с курсов, но и с Интернета для закрепления информации.

18.05.2020
Виктория

Очень ёмкий и полезный курс. Спасибо!!!

18.05.2020
Иван Кашкин

Всё очень доступно и хорошо. Пришел с нулевыми знаниями.

18.05.2020
Кирилл

Отличный курс! Всем советую!!

18.05.2020
student_h1aHwa_R

Легко, быстро и очень познавательно! Доступное объяснение, исчерпывающие ответы.

18.05.2020
Cristi Josan

Очень отлично объясняет, но можно было ещё объяснить об всех остальных тэгов. Мне понравилось очень сильно !

17.05.2020
Константин Куст

Все отлично) Нужно быть очень внимательным и вести конспект!

16.05.2020
Максим Плыгун

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

16.05.2020
Андрей Приданников

Отличный материал для новичков, чтобы дать общее представление о принципах программирования на html/css, все остальное в ваших руках и стремлении самообучаться. 10/10

16.05.2020
Анжелика Асадова

Курс HTML / CSS очень понравился! Весь материал, благодаря преподавателю, легко воспринимался. Очень понравилось то, что уроки не слишком большие. Это позволило "переварить" полученную информацию быстрее и понять что и для чего пишется. Результат данного курса - начала писать код для своего первого тестового сайта. Рекомендую данный курс всем новичкам и не только! Спасибо преподавателю и всем тем, кто принимал участие в этом проекте!

15.05.2020
Тимофей Колесников

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

15.05.2020
Александр Поздняк

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

15.05.2020
Александр Ли

Практика просто восторг, но теории маловато.

14.05.2020
student_y1rk5bRM

очень доступно, системно, понятно! спасибо

14.05.2020
Irina Golovkova

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

13.05.2020
Ruslan Zhuk

Благодарочка основателю курса. Очень полезный и доступный курс. Новичку то что нужно.

13.05.2020
Михаил Садов

Очень понравился курс. Немного галопом по Европе, немного информации пришлось найти самому (но от этого только интереснее). Спасибо, огромное!

12.05.2020
Зуева Алина

Обучение прошло интересно и доступно. Больше всего понравилось создавать адаптивную вёрстку для сайта. Раньше нигде не обучалась (это мой первый раз). Получила много нужных и полезных знаний. Ученикам курса рекомендую вести рабочий блокнот и выполнять все домашние задания

12.05.2020
Владислав Демин

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

11.05.2020
Николай Курык

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

11.05.2020
Валерий Бикбулатов

Спасибо. Все очень доступно, к тому же всегда можно подсмотреть в исходник. В одном из занятий делал вместе с Сергеем прямо на уроке и где то потерял знак. В результате все разъехалось. На глаз так и не нашел. Пришлось часть кода скопировать и сравнить с исходником. Нашел ошибку. Пользовался petr-panda.ru. Пробовал менять цвета на макете, пользовался ресурсом get-color.ru.

10.05.2020
Юрий Тауыбалдиев

Спасибо!

09.05.2020
student_0kg-6rpB

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

09.05.2020
Александр Филиппов

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

09.05.2020
Михаил Кузнецов

Обучение прошло отлично. Я новичок в этом деле, однако мне все было понятно. Рекомендую этот курс всем.

09.05.2020
Ash Shvoyan

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

07.05.2020
Жазира Токпаева

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

07.05.2020
student_W2N_-DfU

Курс отличный! Все ясно и подробно изложено. Большое спасибо!

07.05.2020
Ерболат Дюсалин

Просто офигенный курс, легко передается, спасибо за то что все понятно и грамотно объяснили.

06.05.2020
Ольга Стремилова

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

06.05.2020
Тяпкин Александр

Интересный курс. Информация представлена понятным и доступным языком. Спасибо.

06.05.2020
Юлия Пономарева

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

05.05.2020
Маргарита Ли

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

05.05.2020
Алексей Дубровин

Прошел за один день, на одном дыхании. Большой плюс курса - интерактивные задания (помогает набивать руку "не отходя от кассы"). Хорошая мысль начислять баллы за выполненные задания. Добавляет азарта при прохождении курса. Маленький минус - непонятно откуда берущиеся значения цветов, отступов и т.п. без объяснений.

05.05.2020
Владимир Печенкин

Курс понравился. С нетерпением жду новых курсов.

05.05.2020
Александр Астахов

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

05.05.2020
Руслан

Лучшее из того что находил по курсам разработки!

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Елена Дугинцова
    2337 xp
    1
  • Армен Агджоян
    2337 xp
    2
  • Иван Киселёв
    2337 xp
    3
  • Роман Козюта
    2337 xp
    4
  • Мария Бессуднова
    2337 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!