Курс HTML / CSS

4.9Premium

В видеокурсе Вы изучите основы языков 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
4.9
  • 75 видео
  • 11 часов
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 84 видео
  • 27 часов

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

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

01.06.2023
student_gim2cdIi

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

26.05.2023
Михаил

Супер. Все понятно. Все по существу. Я доволен.

19.05.2023
Туран Гаджиев

Очень классно объясняете

16.05.2023
student_HF1gqM2k

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

03.05.2023
Максим Макаров

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

30.04.2023
Александр Федоренко

удобные и понятные курсы, очень доволен, продолжаю обучаться

27.04.2023
Максим Дуняхин

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

20.04.2023
Banessa Mae

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

19.04.2023
Николай Сизинцев

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

15.04.2023
Кирилл Дмитриев

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

06.04.2023
Сергей Махнутин

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

04.04.2023
Александр Александро...

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

03.04.2023
Николай Бочаров

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

25.03.2023
Михаил Луцак

Обучился курсу за 3 недели. Курс мне очень понравился. Я многому научился, пройдя этот курс. Нужно внимательно слушать и повторять все самостоятельно.

22.03.2023
Николай Денисов

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

19.03.2023
Айгель Хайруллова

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

16.03.2023
Larisa Sokolova

Для меня это совершенно новый опыт. Не думала, что пойму что-то, но все оказалось вполне доступно. Продолжу дальше)))

12.03.2023
Wait Whaaat?

Все понравилось. Особенно понятные объяснения

12.03.2023
Юрий Махначев

Курс очень хорош)

11.03.2023
Екатерина Борисова

Замечательный курс! Все объясняется понятным языком, быстро и без воды. Получилось с нуля создать свой первый сайт за достаточно короткий промежуток времени;)

08.03.2023
Лилия Богданова

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

04.03.2023
viva lavida

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

01.03.2023
Ирина Яковлева

Доступно, понятно, можно пройти дистанционно в удобное для тебя время.

27.02.2023
Акмал Бакиев

Все супер!

20.02.2023
Владимир Ушаков

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

17.02.2023
Сергей Павловский

Всё круто! Мне понравился курс! Теперь можно пробовать сови силы для создания своих и других сайтов!

17.02.2023
arsen M

Супер.. норм инфа

15.02.2023
Антон Костюк

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

14.02.2023
student_d7HkNAoF

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

13.02.2023
Александр Землянский

Спасибо. Курс был очень полезен для меня. Узнал мого чего нового

07.02.2023
Никлей Сателит

Курс очень ясный и понятный. В начале мы не понимаем всё сразу но в процессе мы уже начинаем понимать и правда получаем в конце реальный опыт. Но тот опыт недостаточный а базовый. Для совершенствования считаю, что надо двигаться дальше то есть пройти теперь более продвинутый курс. Я иду дальше ! Удачи и Терпения Всем!

01.02.2023
Agil Ashurov

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

31.01.2023
student_hYLEEbKk

Здравствуйте! Курс понравился спокойным темпом и понятным объяснением. Многие вопросы вёрстки уложились в голове. Прям для меня этот курс. Оценка отлично.

31.01.2023
Никита Коломиец

Адаптив сделан не под все устройства и в некоторых местах кривоват, не сверстана страница "сериалы". А так курс неплохой, как раз для начинающих разработчиков.

30.01.2023
student_1v8QrvcO

Курс не плох. На 3/4 курса всё было легко и понятно. Понравилась подача материала и тесты и домашние задания. Создать сайт с нуля по итогу обучения наверное можно если не торопится и самостоятельно изучать HTML, но сложно. Главное я понял принцип и научился копаться в "кишках" шаблонов HTML/CSS.

30.01.2023
Владимир Ильич Яцик

Очень хороший курс, подробно и доходчиво даются основы HTML и CSS. Что очень важно - на живом пошаговом построении примера сайта. СПАСИБО автору!!!

29.01.2023
student_S_SZaMQm

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

23.01.2023
Olga Tikhomirova

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

23.01.2023
Tigran Frangulyan

Обучение для начинающих подойдёт, единственный минус что не объясняется по разному для разных ситуаций, и задания то же самый код что и на видео, и так интерес тоже пропадает, над этим стоило бы поработать․

20.01.2023
Иван Михиевич

Приобрел отличные навыки в изучении HTML/CSS

19.01.2023
Никита Леонтьев

очень развернутый курс, спасибо!

15.01.2023
Тимур Джамирзаев

- Обучение прошло легко и непринужденно; - Больше всего мне понравилось то, как преподаватель просто и доступно объясняет тему; - В beONmax желание учиться не пропадает после 2-3 недель обучения, как это было на других платформах; - Я узнал как делать сайты на основе html и уже могу создать свой первый сайт.

11.01.2023
Дмитрий Лоханкин

Спасибо большое. Освоил достаточно легко, пойду теперь учить бутстрап

10.01.2023
student_U_xz21hR

ХОРОШО, ДЛЯ НОВИЧКОВ САМОЕ ТО.

02.01.2023
Данияр Муллабаев

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

28.12.2022
Олег Давлатов

Обучение по курсу HTML/CSS прошло плодотворно! Не было воды в объяснениях - все по теме и четко! Все что необходимо для базового фундамента знать - все получаешь на курсе. А остальное уже можно после этого самим в подробностях разбираться. На фоне других курсов, где очень много воды, либо просто скопированные учебники выложенные за деньги - здесь очень хорошо все сделано! Особенно за такую цену! Новым ученикам однозначно рекомендую здесь учиться!

20.12.2022
Marina Gomziakova

Спасибо за курс! С нуля пришла к вам и, пока, достаточно просто и понятно))

07.12.2022
Константин Филимонов

Все отлично! Хотелось бы только в процессе подачи материала давать объяснения, почему выбраны именно такие значения размеров элементов в пикселях и процентах. Это сильно помогло бы при самостоятельной работе над сайтом.

03.12.2022
student_gYGZ49uL

Классный курс, все объяснения понятны, и чем дальше тем больше понимаешь как это работает!

23.11.2022
Серік Арынов

Мне очень нравится. Все подробно и с практикой.

18.11.2022
Кайрат Мамырбек

Было очень понятно, легко, учитель показывает все объясняет понятно, четко. Спасибо!

18.11.2022
Олег Демичев

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

18.11.2022
Анатолий Денисов

Курс отличный, все уроки понятны.

16.11.2022
Андрей Васильев

Обучение на курсе проходило очень хорошо: мне понравилось сущность изложения материала, с последующим закреплением его на практике, в виде различных заданий. Также мне понравилось, то что я мог изучать материал и проходить обучение в свободное для себя время. Самым главным результатом для себя я считаю, то что я получил хороший багаж знаний, и стал на одну ступеньку ближе к своей цели. И буду далее проходить курсы в beonmax.

14.11.2022
Nartay Ibragimov

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

09.11.2022
Григорий Резванов

Здравствуйте. Отличный курс! Обучение прошло хорошо. Понравился интерактив, практика - отлично сделано. Большие плюсы курса: стоимость, качество (в том числе увеличение кадра на видео в ходе написания кода в уроке), достаточное количество практики. Освоил начальный уровень работы с HTML/CSS. Новым ученикам рекомендую выполнять все задания)

08.11.2022
student_KP1uhR4g

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

08.11.2022
Андрей Гилёв

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

05.11.2022
Антон Сергеев

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

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Алана Бузоева
    2337 xp
    1
  • Pavel
    2325 xp
    2
  • Виктор Саенко
    2192 xp
    3
  • Геннадий Иванов
    1953 xp
    4
  • Кирилл Колесниченко
    1799 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!