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

19.09.2019
Анастасия Коробецкая

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

17.09.2019
Эдуард Гусев

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

17.09.2019
Абдужалил Магомедов

Здравствуйте. Прошел курс HTML/CSS. Понравилось очень, что Сергей Никонов рассказывает максимально доступно и пошагово. Я только только начинаю проходить курсы, и скажу вам - это одно удовольствие. Я прошел за 3 дня курс, с учетом что я учусь еще в университете, и проходил просто в свободное время. Поэтому, курс не сложный, очень доступный и я всем рекомендую проходить один за другим все курсы. И цена радует, доступная для всех.

17.09.2019
Шотландец

нуу это супер )

17.09.2019
Сергей Марадудин

КУРС HTML / CSS освоил за пару недель, понравилась работа со стилями и особенно с адаптивной вёрсткой.

16.09.2019
Владимир Попов

Все доступно и понятным языком)

13.09.2019
Татьяна Игнатьева

На одном дыхании!!! Обучение прошло отлично, и это мягко сказано. Понравилось, что была демо-версия, по которой я сразу поняла, что пройду эти курсы. Отмечу, что тут нет абсолютно никакой воды, все четко, по факту. Честно, я не верила, что за 5 часов можно получить столько полезной информации, буквально, научиться делать сайт с нуля! Это прям топ. Всем советую пройти курсы Сергея Никонова! И обратите внимание, какая привлекательная цена!)

12.09.2019
Саламу Мусаев

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

12.09.2019
Антон Шувырлин

Хороший курс! Спасибо!

10.09.2019
student_Iyelwt05

Спасибо за курс! Автор объясняет кратко, но доходчиво Совет ученикам - будьте внимательны, лучше просмотрите каждый урок по 2-3 раза (как делал я). Так вы не ошибетесь в написании кода и успеете выписать нужную информацию в блокнот.

09.09.2019
Артём Ёлохов

Обучение по курсу прошло отлично. Всё обЪяснялось доступно и коротко, без лишней и не нужной информации. Рекомендую.

08.09.2019
Елена Ворожищева

Обучение прошло интересно и познавательно. Много нужной информации по установке программ, плагина, использованию "горячих кнопок", инструментам разработчика. Это то, что самому нужно было бы искать "днем с огнем". Идеальный ресурс для начинающих, так как информация исключительно полезная и практическая и подается очень понятно. Рекомендую.

06.09.2019
Антон Власов

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

06.09.2019
Віктор Мєльник

Отлично. Все очень просто и понятно.

05.09.2019
Ирина Налетова

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

05.09.2019
Elmira Kechalova

Все прошло замечательно, информативно и познавательно!

02.09.2019
Рекунов Кирилл Вадим...

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

01.09.2019
student_foL2TxD8

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

01.09.2019
Олег Баранов

Всё предельно понятно и легко воспринимается! Спасибо

31.08.2019
Сергей Минсафин

Из всех курсов, что я ранее пытался проходить. Этот наиболее понятный. В ходе просмотра кураса и следуя действиям из урока, буквально на 1/4 всего курса приходит понимание того, что из себя все это представляет.

31.08.2019
Герман Барановский

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

30.08.2019
Евгений П.

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

30.08.2019
Мара Бойцова

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

28.08.2019
Ахмед Эльдарханов

Спасибо за курс, очень информативно.

25.08.2019
Сергей Павлович Ярко...

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

23.08.2019
student_mq1OsS8b

Все доступно и понятно, приятно было проходить обучение. Спасибо!

23.08.2019
Роза Быкова

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

22.08.2019
Михаил Воробьев

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

21.08.2019
Максим Дашков

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

20.08.2019
Михаил Афонин

Курс помог разобраться в адаптивной верстке.

19.08.2019
student_8htdTRzY

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

19.08.2019
Иван Медведев

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

17.08.2019
Дмитрий Яковлев

Понравилась как практическая так и адекватное количество теоретической части, то что уроки максимум минут 15, успевается разогреться интерес, конечно бывали моменты когда делаешь ошибки, найти которые с первого взгляда маловероятно, но подобные занятия требуют внимательности и большой концентрации внимания)

16.08.2019
Архат Кабышев

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

15.08.2019
Юлия

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

15.08.2019
Дмитрий

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

15.08.2019
Aleksand Karpenko

В общем норм

13.08.2019
Аминат Тураева

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

13.08.2019
Ghennadi Aricov

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

12.08.2019
Николай Полищук

Я просто в восторге! Я наконец то после этого курса начал создавать сайты. P.S. Огромное спасибо разработчикам курса!!!

11.08.2019
student_XA0fxIU1

Классный курс. очень понравился. Советую всем.

11.08.2019
Денис Голиков

Вроде понятно объясняет, но кратко, иногда приходится дополнять информацию самому.

11.08.2019
Евгений Щербинин

Отличный курс, проходится на одном дыхании!

10.08.2019
Kuzy

Было классно и очень позновательно!

09.08.2019
Елена Васильева

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

04.08.2019
Дмитрий Суязов

Отличный курс. Все понятно. Теперь нужна практика

03.08.2019
student_Cmhg23dS

Хороший курс.

31.07.2019
student_jWOLRJiM

Курсы неплохие. Из минусов: неправильное произношение слов и терминов; информация иногда не раскрывается, так что остаются вопросы; хотелось бы подробнее, всё таки курс для тех, кто начинает с 0; иногда не понятно, что откуда взялось, особенно с CSS. Из плюсов: быстрый процесс обучения; все знания сразу практикуются, при чём не в отдельных заданиях, а для создания цельного сайта.

31.07.2019
Михаил

Отличный курс. Все понравилось. В помощь ученикам хотелось бы видеть в конце курса что-то вроде блокнота с описанием тэгов и стилей и некоторых моментов кода. Например: почему стили начинаются с точки и без точки; Для чего нужен стиль вверху кода * { margin: 0; padding: 0; } ;

30.07.2019
Родион Захаров

Отличный курс для начинающих!

29.07.2019
Озоджон Гозиев

Я благодарен за адаптивную верстку!

29.07.2019
Medievist

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

25.07.2019
br1ghtt

хороший курс для начинающих!

25.07.2019
Сергей

Рекомендую курс на изучения html и верстки Css. Понятно и доступно.

24.07.2019
Владимир Прохоренко

Курс по HTML и CSS был понятным и приятным в изучением !

24.07.2019
student_VU_EGR9A

Хороший курс. не знал вообще не чего. уже сделал один сайтик.

23.07.2019
Виталий Очкуренко

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

22.07.2019
Любовь Нургалиева

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

22.07.2019
Эдуард Ангельский

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

18.07.2019
Zubar Aliev

очень простой и понятный курс а главное информативный

18.07.2019
Виктор Сиротило

-обучение прошло легко и интересно -понравились интерактивные задания

17.07.2019
Aleksandr Razumnyi

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

17.07.2019
Виталий Убийко

Все почти хорошо, единственное что нужно больше объяснений. Например, что значат размерность em, почему именно так, почему не в пикселях или еще как-то, и например, свойства margin и border. Почему 4 значения, и в каком порядке их нужно вводить ( я то просто до этого знал, мне то нормально ). А так рекомендую курс, но будьте готовы искать уточнения в интернете!

17.07.2019
Андрей Микрюков

очень грамотно и понятно обучение. дальше буду обучаться. спасибо.

15.07.2019
Oleg Bannov

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

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

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

10.07.2019
student_z9Gt-O7o

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

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

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Абдужалил Магомедов
    2337 xp
    1
  • Саламу Мусаев
    2337 xp
    2
  • jano sharangia
    2337 xp
    3
  • Андрей
    2337 xp
    4
  • Сергей Минсафин
    2337 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!