Курс 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 для начинающих.

26.01.2020
Artur Bakhchinan

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

26.01.2020
Константин Мирошин

Было очень интересно, а интерактивность заданий порадовала...))) Спасибо...)))

26.01.2020
DARYA ZOLOTAREVA

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

26.01.2020
Анатолий

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

25.01.2020
student_1gKRXSQg

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

24.01.2020
Арам Василян

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

24.01.2020
Татьяна Хавшабо

Всё четко, коротко и понятно. Мне очень понравилось!

23.01.2020
student_h9s76GQR

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

22.01.2020
Елена Александровна...

Курс очень понравился. Я только начала постигать азы программирования. Доступность материала, простота изложения очень важна для меня.

21.01.2020
Екатерина Ненахова

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

20.01.2020
Никита Прокопьев

Крутой курс! Ранее были небольшие знания HTML и CSS, но теперь мне намного понятнее все стало! Спасибо большое!

20.01.2020
Михаил Белоусов

Классный курс, хорошие уроки. Теперь буду тренироваться на psd шаблонах верстать сайты.

20.01.2020
student__-ZJ_rlW

Очень хороший курс. Главное в нем последовательность обучения - от простого к сложному. Мой опыт говорит, что для лучшего запоминания необходимо сперва просмотреть один видеоурок. Затем. останавливая просмотр видео, писать код в Sublime Text. И одновременно делать пометки в своих записях, созданных в Word, используя "печать экрана" (CTRL+ ALT+PRT SC).

20.01.2020
Михаил Прокин

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

19.01.2020
Николай Байрачный

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

18.01.2020
Oleh Zankiv

Всем кто хочет купить этот курс. СОВЕТУЮ! Цена просто минимальная за то, какие знания вам дадут. Мой вам совет, не повторяйте за автором. Делайте свой сайт. Если что-то не получается гуглите. Сначала думаю у всех как и у меня будет адово непонятно, но время делает своё. Замечания. Вряд ли у вас будут мега крутые знания. Но верстать сайты и зарабатывать на них после курса, вы скорее всего сможете. Всем удачи в начинаниях!

17.01.2020
Алексей Мельников

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

17.01.2020
Валентина Иванюк

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

17.01.2020
Татьяна Токмакова

Я предпочитаю самостоятельную работу и в том числе обучение. Обучение прошло нормально, меня в общем все устроило. Понятие о HTML думаю получила в хорошем объеме, учитывая что раньше с этим не сталкивалась, для работы нужен еще навык, то есть нужно нарабатывать опыт.

17.01.2020
Andrey Tsyhankou

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

15.01.2020
student_kAR68Gv3

прошел поверхностно, кое что не понял, надо пройти подробнее

15.01.2020
Михаил Ковёров

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

14.01.2020
Mike Damian

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

13.01.2020
Николай Мирончук

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

11.01.2020
student_-DMKRh9O

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

11.01.2020
Akhmatzin

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

11.01.2020
Alina_Osipova

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

10.01.2020
Юлия Заборьева

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

09.01.2020
Александр Рапута

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

09.01.2020
Михаил Чепасов

Лично мне курс очень помог, как начинающему изучение веб-разработки.

08.01.2020
Sviatoslav Kuznetcov

not bad

08.01.2020
Юлия Варочко

Курс понравился, все четко, ясно и по теме. То что надо!

08.01.2020
Anton Olchuk

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

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

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

08.01.2020
Сабина Гусейнова

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

07.01.2020
Азиз Фархадович

Огромное СПАСИБО! Обучение на высшем уровне, все наглядно и понятно. Когда я попал на этот сайт, меня удивила доступность, разумная цена и время, свободное время. Все для людей, цена и качество курса! Какого результата я добился, покажет время и практика. Одно могу сказать точно, я стал понимать эти непонятные для меня символы и многострочные наборы букв под названием КОД))) Новым ученикам курса, я рекомендовал бы не откладывать на завтра то, что можно сделать сегодня.

06.01.2020
student_6_4wpxxb

отличный курс, хоть и у самого рассказчика есть небольшие ошибки

05.01.2020
Roman Sivtsev

Спасибо за курс по изучению HTML/CSS. Находясь как раз в отпуске, я для себя отрываю новое направление, даже сказать достижение в сфере программирования.

04.01.2020
Игорь Глазков

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

04.01.2020
Сергей Клименко

За свои деньги курс отличный! Плюсов больше чем минусов Спасибо автору

04.01.2020
Nigar Pashayeva

Отличный курс, благодарю

04.01.2020
Владимир Бугаев

Несмотря на сложность материала, Автору удалось, по крайней мере до меня, все премудрости верстки сайта на HTML\CSS. К некоторым урокам приходилось возвращаться перед выполнением домашнего задания. В целом рекомендую курс этого Автора. Планирую и дальше изучать курсы этого Автора.

04.01.2020
Кирилл Комаров

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

03.01.2020
SIMA

Все отлично! Рекомендую !

03.01.2020
Vitaly Kutyshev

Все было очень круто, мне понравилось объяснение автора по HTML/CSS !

03.01.2020
Танзила Исакова

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

03.01.2020
Петр

Очень понравился курс! Все доступно и понятно! Спасибо!

30.12.2019
Тимофей Илатовский

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

30.12.2019
Фагим Камалитдинов

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

29.12.2019
Нелли Карапетян

Обучение понравилось. Доступно, компактно. Буду продолжать обучение.

28.12.2019
Константин Лазарев

Отличный курс

27.12.2019
Вадим Пермяков

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

26.12.2019
Любимов Федор

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

26.12.2019
Andrei Ciubaciuc

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

25.12.2019
Александр Сердюков

Очень интересно и доступно изложено. Я рад, что попал на этот курс.

24.12.2019
Алексей Стребулаев

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

23.12.2019
Александр Федун

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

23.12.2019
Ольга Феруз

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

22.12.2019
Женя Краев

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

22.12.2019
Мария Петренко

Изучаю HTML и CSS не первый год, не смотря на это, курс оказался полезным. Спасибо вашему ресурсу, всем авторам, разработчикам, всем Так что- рекомендую, как начинающим, так и продолжающим)) Главное, не забывать читать документацию и словари по теме.

21.12.2019
student_JmvDK8Ai

Хороший и понятный курс. К нем ещё бы работу с программой ( вкрации), пока разобрался несколько раз перезагружал и style.css так и не работает. Спасибо!

20.12.2019
Максим Титок

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

20.12.2019
Петр Лопатинский

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

18.12.2019
Шохжахон Ахмеджанов...

Мне понравились мои первые IT-курсы на BeOnMax, особенно короткая длительность роликов, что позволяет проходить курсы по немногу. Но иногда ролики багуют, из-за чего приходиться перезагружать страницу, но в остальном все нормально. Спасибо.

18.12.2019
Наталья Вадовская

Все хорошо! Преподаватель отлично объясняет! Спасибо!

16.12.2019
Татьяна Угначева

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

16.12.2019
Вячеслав Коршаков

Спасибо за отличный курс. Мне все понравилось. Понял как писать код для создания сайта. Теперь только осталось на практике закрепить полученные знания.

15.12.2019
student_eyrZsFDf

все круто и понятно

15.12.2019
Денис Дятлов

Курс очень понравился, когда начинал его о вёрстке сайтов не знал ничего совсем, слова html и css в моём лексиконе считались "ругательными", а по окончании курса вёрстка сайта стала понятной и совсем не сложной задачей. Обязательно продолжу обучение в других курсах beeonmax, потому что осталось много вопросов по разделам, которые не затронуты в этом.

14.12.2019
student_aTfeHV5U

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

13.12.2019
student_9OAQNDxM

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

11.12.2019
Евгений Алексеев

Обучение по курсу HTML/CSS прошло отлично. Автор доступно объясняет новый материал. Подойдёт для любого уровня. Спасибо за такой доступный курс.

11.12.2019
Д.В. Мавлютина

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

10.12.2019
Влад Полищук

Курс очень, крутой, и невероятно информативный, я за неделю получил в ДЕСЯТКИ раз больше информации чем за 3 месяца самоучки. Я сначала даже и не думал что буду обучаться программированию и верстке с помощью курсов, так как большинство курсов дорогие, но когда я нашел этот сайт, я просто не смог выдержать, чтобы не купить его. Новичкам советую учиться более размеренно, чтобы можно было уделить достаточное время некоторым сложным темам, тем не менее, я прошел его достаточно быстро и эффективно.

10.12.2019
Айрат Санатуллин

очень понравился курс, то что конкретно и на примерах

10.12.2019
Мартыш Елизавета Пет...

Благодарю за такое подробное видео-обучение по верстке сайтов! Для новичка это отличная база и первые навыки успешно освоены!:) Спасибо! Успехов вам! :)

10.12.2019
Олеся Рудольф

Доступная для восприятия информация. В некоторых моментах, лично мне было сложновато

09.12.2019
Алёна Донерстак

Уроки изложены очень доступно и главное интересно.

09.12.2019
student_2f4ksQaV

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

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

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

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
    Включайся!