Курс HTML / CSS

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

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

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

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

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

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

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

План курса

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

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

свернуть все

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



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

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

15.07.2019
Oleg Bannov

Все понравилось. Курс отличный. Преподаватель супер, спасибо !

13.07.2019
Дени Джексон

Благодарю За курс. Мне понравилась пошаговая задача выполнения каждого этапа. Короткие видео до 10 мин. прям самое то! Хорошо внятно все говорит и показывает каждую деталь выполнения. Считаю это интересный метод обучения. Рад что именно с этого начал свое обучение.

10.07.2019
student_z9Gt-O7o

Очень хороший курс!!!!!!!!!! Никонов, спасибо!!!!!!!!!! :-))))

09.07.2019
Марьяна Орлова

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

08.07.2019
student_Bm_2thi3

Курс хороший. Главное не торопится.

08.07.2019
Андрей Кирсанов

Из плюсов: -Курс построен на практике, что делает его хорошим для обучения. Если делать домашние задания то действительно к концу курса будут достаточные знания. -К концу курса ученик уже имеет свой первый сайт. Из минусов: -Единственный минус - не описывается вариант позиционирования элементов при помощи display: flex; Рекомендации: -Обучиться самостоятельно display: flex; -Практиковать знания, без написания пары сайтов самостоятельно вы не научитесь верстать.

07.07.2019
student_X-ERkpzM

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

07.07.2019
Николай Филин

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

06.07.2019
Рудакова Яна

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

02.07.2019
максим шашков

Круто !!!!

02.07.2019
Михаил Мочалов

Ну и ну! Я и не думал, что создавать версии сайта для смартфонов так просто! Думал, что это отдельный комплект веб-страниц писать надо, а оказывается, просто стили поменять!

01.07.2019
Алексей Витязь

Лучший видео урок !!!

30.06.2019
Екатерина Бухалова

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

29.06.2019
Александр Зотеев

Отлично, продуктивно, грамотно и понятно!

28.06.2019
Антон Плетнев

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

28.06.2019
student_4l8bFeeL

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

26.06.2019
Антон Захаров

Отличный курс, доступная форма изложения!!! Сергей Никонов молодцом!!!

26.06.2019
Юлия Кавкайкина

Очень динамично. Без воды.

25.06.2019
Никита Кушнарёв

Довольно хороший курс, но чисто для базовых познаний в вёрстке. Понравился преподаватель - крайне спокойный. Но проблема в том, что чаще всего требовалось бы объяснить именно применение стилей поблочно более детально (ибо иногда сидишь минут 20 и не пытаешься додумать, что даёт тот или иной стиль, и почему нужно писать именно так, а не иначе). Но результат есть, и очень существенный. Рука немного, но набита) Буду продолжать прохождение курсов. Спасибо beONmax!)

25.06.2019
Алексей Березов

Все быстро, легко и просто! Уже как-то начинал обучаться на интерактивных курсах, но забросил, когда дошел до CSS. А тут весь курс прошёл на одном дыхании, а самое главное появилось понимание, как это работает. Так что иду прокачиваться дальше, к следующему курсу!

25.06.2019
Артемий Шувалов

1.Супер 2.Практическое применение 3.Практика и инструменты 4.Более глубокие знания по вёрстке и этапам разработки сайта 5.Интенсивно проходить курсы

23.06.2019
Степан Гаранин

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

23.06.2019
Nadja Fuksmane

Super kurs

22.06.2019
Тимур

Хороший недорогой курс. Прошёл его очень быстро. Даёт достаточно знаний чтобы овладеть языками HTML и CSS на начальном уровне и выполнять свои собственные работы.

21.06.2019
Madaminjon Sharaxmed...

Отлично !!!!

21.06.2019
Василий Синяков

обучение было как по маслу

21.06.2019
Сергей Веселов

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

20.06.2019
Роман Стринжа

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

20.06.2019
Владимир Двуреченски...

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

19.06.2019
Руслан Аджбакь

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

19.06.2019
Даниил Кузмичёв

Всё просто отлично! Огромное спасибо Сергею Никонову! Суперский курс, многому научил

16.06.2019
Лидия Шалаева

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

14.06.2019
Андрей Морев

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

12.06.2019
Арсений Вологжанин

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

12.06.2019
student_WrBC60oK

топ

10.06.2019
Alex Yatsenyuk

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

08.06.2019
Кристина Тонян

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

07.06.2019
Dark Invisble

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

07.06.2019
student_mhiX5s01

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

06.06.2019
nurmuhammet adagamov

Лучше всего делать домашнее задание после просмотра каждого видео

04.06.2019
Виктор

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

04.06.2019
Эдуард Стефейкин

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

04.06.2019
Алексадр Перепелов

Создать свой краткий учебник по основам HTML и CSS.

03.06.2019
Евгений Акульшин

Обучение прошло отлично Больше понравилось адаптировать сайт под мобильные устройства Я обучался только в этом курсе Ну у меня 2337/2337 возможных XP )) Учится, тренироваться, не забрасывать начатое, всегда добиваться своей цели!)))

31.05.2019
student_KA2OQ1FD

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

31.05.2019
Роман Волков

Отличный курс для начинающих! Все рассказано доступным языком на конкретных примерах.

29.05.2019
student_bVdk6ynZ

класс

28.05.2019
Pavel Gizhko

Рекомендую взять этот курс! Дешево и качественно, а это редко бывает!

25.05.2019
Владимир Большаков

Спасибо. Все доступно. Думаю пройти еще раз для закрепления

25.05.2019
Alexey Pestov

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

23.05.2019
Sergey Goltsov

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

23.05.2019
Арчил Дряев

крутой сайт для начала с нуля

21.05.2019
Николай

Хорошо подан материал, было интересно.

18.05.2019
Филипп Кузякин

Спасибо большое. Очень понравился подход, доступно и понятно. Как пожелание не хватает справочника по html и css свойствам.

18.05.2019
dreamer

Для начала доступно, понятно и, что важно, интересно. Спасибо!

16.05.2019
Olzhas beisembin

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

14.05.2019
Alexey

Благодарю за качественное обучение. Хотелось бы ещё увидеть уроки по программированию C#

14.05.2019
Артём Бикбаев

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

14.05.2019
Pavel Roslov

- Мне понравился курс - Проходил курс у Артема Исламов - Этот видео курс намного для меня эффективней т.к. я в любой момент могу открыть видео + мой код созданный по урокам и продолжить... - Из минусов при проверке кода есть недочет, т.к. для положительного результата проверки нужно написать код буква в букву и не только код (возникала ошибка с названием каких либо заголовков например у автора задумана с маленькой буквы, а вы написали с большой это считается ошибкой)

14.05.2019
Игорь Рулев

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

14.05.2019
Евгений Феоктистов

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

10.05.2019
Marina Stolupina

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

08.05.2019
Иван Агафонов

Понятный и познавательный курс!

07.05.2019
Medic

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

06.05.2019
Igor Anosin

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

05.05.2019
student_5dpbvRcQ

Очень понравилось!!!!

03.05.2019
Денис Захаров

Круто ! Очень интересно.

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

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

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

- Опыт в веб-разработке более 10 лет 

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

- Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки 

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

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

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

Тесты: 16


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

  • Oleg Bannov
    2337 xp
    1
  • Алексей Витязь
    2337 xp
    2
  • Кирилл Ярков
    2337 xp
    3
  • Алексей Березов
    2337 xp
    4
  • Василий Синяков
    2143 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!