Курс HTML / CSS

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

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

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

Посмотрите видео об онлайн курсе программирования и верстки 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 для начинающих.

18.11.2019
Alexandr Khlusov

Хороший урок. Все доходчиво

17.11.2019
student_v9JfnmSA

Большая благодарность преподавателю курса! Очень понравилось. Это мой первый курс подобного рода. Компьютером владею на уровне пользователя. Мечтала стать программистом еще в 2000 году, когда только познакомилась с компьютером. Но только сейчас решила научиться создавать сайты. Современные программы позволяют легче справляться с этими задачами. Учебный материал можно смотреть несколько раз, пока не поймешь. Желаю всем пройти обучение.

17.11.2019
Андрей Толмачёв

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

16.11.2019
Yury Shaban

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

16.11.2019
feitanofemeteor

Довольно доходчиво и интересно.

15.11.2019
student_Y2cbcvGl

Я очен даволен и мне очен понровилис ети курси

15.11.2019
Дмитрий Макаров

Мне понравилось. Курс прошел достаточно легко. Понравилось, что весь курс построен на реализации законченной цели (сайта). Хотелось бы иметь готовый конспект по пройденному материалу. Также предлагаю подробно прописывать комментарии в тексте кода в материале для скачивания. Рекомендую новым ученикам смело приступать к прохождению курса и по окончании увидеть сделанный своими руками современный сайт.

14.11.2019
Антон Щербинин

Во время обучения приходит понимание о принципах верстке и кажется, что готов создать сайт полностью сам. Очень подробно и понятно. Ученикам рекомендую быть внимательными и не отвлекаться от видеоуроков, иначе можно упустить что-то важное. Из минусов: не понятно откуда берутся данные и откуда автор берет их. Например, при задании размера количество пикселей или задание процентов. Просто наглаз?

13.11.2019
Константин Ильин

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

12.11.2019
Наталья Тимошенко

Меня интересовала адаптивная верстка, но посмотреть сразу 10 блок не получилось из-за отсутствия баллов на сайте. Пришлось смотреть весь курс и выполнять задания, чтобы заработать "опыт". В целом мне понравилось. Новичку было бы гораздо сложнее. Некоторые моменты понятны только НЕ новичку. Например, ничего не говорится в курсе о значении цвета. почему оно такое, и откуда берется. Курс очень доступный! Однозначно рекомендован всем новичкам.

12.11.2019
Константин Федотов

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

11.11.2019
Аян Молдагалиев

Курс интересный! Все доступно объясняется, продолжаю учить другие курсы

11.11.2019
Vladislav Urzhumov

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

11.11.2019
Константин Ткачев

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

07.11.2019
Акжан Бияхметов

Спасибо за ваш урок )

06.11.2019
Дмитрий Белозеров

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

06.11.2019
student_fiMxlO18

всё хорошо, спасибо, желательно бы побольше практических заданий, и ещё, крайнее занятие получается 64, а написано 65 уроков....

06.11.2019
Елена Аксенова

Мне курс понравился!

05.11.2019
Vladimir Berlizov

Чётко, понятно, занимательно!

05.11.2019
Murat Nauryzbayev

хороший курс!!!

04.11.2019
student_2wMw2zUp

Спасибо за Курс HTML\CSS. Всё понравилось, на чем автор не акцентировал внимание, изучил дополнительно сам. Если позволяет время, обязательно проделывайте все шаги сами и если возникают дополнительные вопросы - гуглите. Успехов beOnMax!

04.11.2019
Людмила Процько

Здравствуйте! Жаль, что не проработали виды различных меню, которые ещё бывают. Курс как-то больше рассчитан на тех, кто уже что-то понимает в вёрстке. Не было объяснений почему такие значения выбраны, а не другие. Чувствуется, что объяснение идёт уже по готовому коду, а не с макета. Просто его переписывание. Даже не знаю, смогу ли я создать сайт самостоятельно по своему макету. А в целом, конечно, интересно, когда получается красивый да ещё и адаптивный сайт. Спасибо!

04.11.2019
Dinar Shayahmetov

Класс

04.11.2019
student_sgGOAw_l

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

04.11.2019
Николай Дюсембин

Курс построен очень кратко, но информации дается много. Чем и интересен данный курс.

04.11.2019
Кристина Чачкова

Спасибо! Очень познавательно и интересно!!!

02.11.2019
Игорь Хрущ

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

01.11.2019
Aleksandr Sinitskiy

1) Обучение было просто супер, все понятно и от этого все легко дается) 2) мне понравилось абсолютно все! 3) Нечего бы не отменял, ведь здесь все самое полезное 4) Результаты хорошие, доделал вкладку с сериалами! 5) Просто учиться и идти к своей цели

01.11.2019
Роман Бутов

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

31.10.2019
Сайдам Мылаханов

Отличный курс! Всего за 5 часов узнал очень много нового!

30.10.2019
student_ubNvtfBD

в целом хорошо, но моментами нет конкретизации некоторым тегам

30.10.2019
Евгений Орлов

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

30.10.2019
Andrey Maevskiy

Многие вещи не объясняются, просто указывается ширина или отступы, но от чего отталкиваться, почему именно такой отступ, не разъясняется, а так все познавательно, спасибо!

29.10.2019
student_hH7R2BJv

Обучение прошло превосходно. Мне понравилось все. К сожалению я ни где не обучался до этого. Новичкам я рекомендую начать с изучения html/css

29.10.2019
София Бардакова

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

28.10.2019
VGross2016

курс отличный! Материал "заходит" на ура)! На домашних заданиях есть моменты, решение принимается только когда свёрстано символ-в символ, что немного напрягает! Одну ДЗ система не приняла, по причинам мне не известным, хотя и сделано правильно и табуляция и синтаксис как в "показать ответ" - не принимает! Но в челом твёрдая 4+!!! Спасибо автору!

28.10.2019
student_kkdLYw3V

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

27.10.2019
student_IXWef3cN

Очень хороший курс. Все уроки пролетели незаметно. Хорошая подача материала.

27.10.2019
Растим Сафаров

Только закончил этот курс. Уроки очень понравились. По началу не верилось, что сам вручную (кодом) смогу создать такой сайт с видео. Если сравнить со сторонними курсами, то здесь есть упор на практику. Делаешь всё своими руками, чего очень мне не хватало. Думаю приобретённые здесь навыки мне очень понадобятся. Создателям курсов БОЛЬШАЯ БЛАГОДАРНОСТЬ. А тем кто еще не начал обучаться, советую смело начинать не колебаясь!!!!!!!!!!

26.10.2019
Иван Дудко

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

26.10.2019
Владимир Кашуба

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

26.10.2019
Нурхан Габбасов

Огромное спасибо команде beONmax! - курс прошел лично для меня отлично. - все что было в курсе HTML / CSS. - я нигде раньше не обучался кроме этой. - хорошие и запоминаемые результаты получил. - купить курсы beONmax ведь это КРУТО!

25.10.2019
Максим Прищеп

Курс очень понравился. Все четко и понятно. Рекомендую.

25.10.2019
Валерий Хакерович

Отличный курс по верстке) Не хватает анимаций правда по этому и 4ка

24.10.2019
Ольга Анохина

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

20.10.2019
student_0LDMwJJT

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

20.10.2019
Анатолий Пидрушняк

все супер, достаточно информаци для работы

18.10.2019
Павел Прахов

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

17.10.2019
Николай Нагих

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

16.10.2019
Марина Федорищева

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

15.10.2019
Илья Бабушкин

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

15.10.2019
student_ES6PcP2m

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

14.10.2019
Alex Bessmertnov

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

14.10.2019
Дмитрий Гращенков

Отлично. Ну просто ХОРОШО. Без воды, кратко и понятно. Упор на базовые знания и их применение, после чего любая задача по плечу.

14.10.2019
Рафик Шафигуллин

Некоторые вопросы (по коду) имеют несколько вариантов правильных ответов. Принимается как правильный только один

13.10.2019
Nurgazy Mirlanov

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

13.10.2019
student_qEjeLoyZ

Курс понятен даже новичку. Спасибо за проделанную работу!

13.10.2019
Ангелина Зимакова

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

13.10.2019
Алексей Рыбников

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

11.10.2019
Abdulaziz Tulaganov

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

11.10.2019
student_pGDfJkci

Мне очень понравилось у вас учиться. Особенно - стиль преподнесения материала. Особенно - минимум теории, но максимум результата. В процессе обучения почти сверстала небольшой электронный учебник. Новым ученикам - в процессе обучения обязательно делать пометки в блокноте и реализовывать свой проект (не только тот, который дается в курсе). Спасибо!

11.10.2019
Вадим Елисеев

Ставлю 4, если бы материала в каждой части было больше, то была бы твёрдая 5!

11.10.2019
Евгений Ковалев

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

09.10.2019
Graf_Farg

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

09.10.2019
Мария Говерт

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

09.10.2019
Евгений Федоренко

Спасибо за созданный курс! Несколько раз садился за изучение html/css но упирался в какие-то непонятные моменты и не мог дальше двигаться. Тут же всё понятно, очень понравилось то, что обучение идёт на конкретном примере сайта. Ещё раз спасибо! Двигаемся дальше!

08.10.2019
Валерий Чепкасов

Курс проходил в свободное время от работы. Где-то две недели ушло, верстал первый раз. Конечно автор всё разжевал, но для закрепления как автор и говорит нужно сверстать самому ещё +1 сайт, для закрепления, что я и собираюсь делать.Спасибо. Буду продолжать учится у Вас

07.10.2019
Елена Юрьевна Берест...

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

07.10.2019
Вадим Невзоров

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

06.10.2019
Jean Spynu

Отличная подача информации, все понятно и содержательно)

05.10.2019
Samat Kalipov

Круто!!! Узнал много нового!

05.10.2019
Ирина Лиманова

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

04.10.2019
Евгений Кузнецов

В общем все было понятно и последовательно. Обучение прошло хорошо, ставлю 5.

02.10.2019
Dmitriy Kondrashkin

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

02.10.2019
Дмитрий Молянов

Курс построен очень хорошо - все понятно! Достойно 6 звезд!

02.10.2019
Максим Базарнов

Хороший, полный курс. Все достаточно понятно объясняется. Спасибо.

02.10.2019
Алена Данилова

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

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Татьяна Мрыхина
    2337 xp
    1
  • Yury Shaban
    2337 xp
    2
  • Дима Бруквин
    2337 xp
    3
  • Алексей Данилов
    2337 xp
    4
  • Карина Назаренко
    2337 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!