Курс 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
Завершение курса - Получение Сертификата


Студенты также изучают

online_course
new
4.9
  • 8 видео
  • 3 часа
online_course
5
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
5
  • 68 видео
  • 23 часа
online_course
new
5
  • 59 видео
  • 21 час
online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час

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

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

13.01.2021
Игорь Ладохин

Спасибо большое за курс! Обучение прошло на одном дыхании за 2ое суток) Понравилось доскональное объяснение и подача материала. Хотелось бы видео качеством получше) Я буду создавать свой собственный сайт по образцу, но с новыми фишками. Остальным удачи!

12.01.2021
Евгений Трифонов

Курс собран и проведён на 5, спасибо за отличный курс!

12.01.2021
Сергей Гавриленко

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

11.01.2021
Илья Толмачёв

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

11.01.2021
Максим Демидов

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

10.01.2021
Narek Petrosyan

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

09.01.2021
jan

Решил пройти пробные уроки и после чего приобрести годовую подписку. Курс ОТЛИЧНЫЙ !!! Понравилась подача, все очень доступно и ясно излагается. Рад что купил этот курс! РЕКОМЕНДУЮ !!! ПРЕИМУЩЕСТА: - Цена (доступна для всех) - Подача информации - Практика в каждом уроке - Сертификат. НЕДОСТАТКИ: - Не выявлены

09.01.2021
Хить Юлия Андреевна

Хочу выразить благодарность за такой хороший ресурс, где можно попробовать себя в другой профессии за доступную цену! Самым ЖИРНЫМ плюсом данного курса является то, что ты учишься, практикуясь, все было очень доступно рассказано простым языком. Единственное для меня так и непонятными остались формы, так как о них было сказано вскольз. Большое спасибо разработчикам, теперь буду проходить остальные курсы по HTML и CSS )))

06.01.2021
Сергей Мединский

Это мой первый курс и хочу сказать что было очень информативно и интересно. Спасибо!

06.01.2021
student_Ipf_Tt44

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

06.01.2021
Андрей Соломенный

Курс очень понравился, узнал для себя много нового. Очень последовательное и понятное обучение. Даже не верится что сам написал сайт хоть и по указке))) Разработчикам большая благодарность. Не жалею что купил себе безлимит на год.

04.01.2021
Alexandr Sidelnikov

Все очень круто, понятно и достаточно подробно! Если самому еще гуглить, то вообще супер! Спасибо Вам.

03.01.2021
student_g4c8Y7Bs

Хороший курс, всё понятно и доступно, результатом доволен.

03.01.2021
Артур Арисов

Курс отличный мне понравилось буду дальше учиться. ПЯТЬ ЗВЁЗД молодцы

28.12.2020
Валерий Щербаков

Получил огромное удовольствие!!! Не смотря на то, что в вёрстке до начала курса я был абсолютный "0", было очень интересно! Удобно, что видео помогает исправить ошибки, если что-то не выходит. Планирую не останавливаться на достигнутом и продолжать обучение с BeOnMax!!!

26.12.2020
Виталий Муравьев

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

22.12.2020
Андрей Фёдоров

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

22.12.2020
Кирилл Маркидонов

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

22.12.2020
Антон Зайковский

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

14.12.2020
Денис Янович

Особых сложностей курс не вызвал. Оценку снизил за ошибки, допускаемые автором в видео, и их исправление, написание кода внизу экрана (его не видно в свернутом формате), отсутствие каких-либо объяснений по вводимым размерам (px, em, %): почему именно так, а не иначе. В целом курс понравился. Хорошая практика. Рекомендую.

13.12.2020
Дмитрий Микулин

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

12.12.2020
Евгений Луцик

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

12.12.2020
Надежда Седалищева

Почти заканчивала этот курс. но как-то перескочила на BOOTSTRAP. Вот сегодня завершила. Огромное спасибо организаторам курсов!!!

12.12.2020
александр миронов

Мне 64 года, до курса был полный профан в этом деле, сейчас - не полный. Всё очень интересно, особенно здорово, когда сам находил ошибки! Начал учиться из любопытства. Советы таким же возрастным чайникам, как и я: - Ничего не бойтесь. Есть хорошее выражение: "Ставьте перед собой большую цель - в неё легче попасть!" - Разбирайтесь сами, потом задавайте вопросы. - Будете упорны - появится второе дыхание и Вы начнете чувствовать код. Удачи всем!!!

10.12.2020
Vitalii Grebeniuk

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

10.12.2020
Артем Гюрджиев

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

10.12.2020
Даниэль Пустовит

Курс прошёл интересно без воды. Понравилось, что преподаватель довольно понятливо изъяснял все, не перескакивал с одного на второе и не запутывал этим. Единственное, мало сказано над чем нужно работать и изучить. Как новичёк я поняла, как это функционирует и что мне нужно еще подучить и сделать. Были полезные таблицы. Для новых учеников я бы рекомендовала сосредоточиться и уделять как минимум 2 часа времени каждый день и изучать теги, как расшифровывается всё, если знание англ плохое.

10.12.2020
Наталья Ревина

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

09.12.2020
Алексей Солдатенко

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

08.12.2020
Павел Соколов

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

07.12.2020
Igor Tibuleac

пожалуй лучший курс который я нашел

07.12.2020
student_2e6XgDnd

Большое спасибо за курс HTML/CSS. Материал доступный и понятный. Мне понравилось , что можно при объяснение курса сразу же писать код и видеть как меняется сайт. Я всё ближе к самостоятельной верстке собственного сайта. Новым ученикам желаю терпения, если что-то не получается можно вернутся назад по урокам и ещё раз освежить знания, будьте внимательны при написание кода, не забывайте пунктуацию написания тегов.

06.12.2020
Pylypenko Stanislav

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

06.12.2020
Максим Кривохижин

Крутой курс. Все просто и понятно!

06.12.2020
Тигран Агинян

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

05.12.2020
Sardorbek Khamroev

Достаточно интересный курс, только вот произношение английских слов чуть слух режет! Желаю вам удачи!

05.12.2020
Вячеслав Гуров

Курс понравился. Доступно и понятно. Заставляет не просто прослушать, а и подумать самостоятельно. Есть маленькое замечание по изложению материала. Создание страницы contact.html отдано на самостоятельную работу, но только на данной странице была использована конструкция с описанием сразу двух классов (<div class="send send_contact">). Может это было сделано специально, но такое описание лучше озвучить.

04.12.2020
Татьяна Харсеева

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

29.11.2020
Андрей Окороков

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

28.11.2020
Валера

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

26.11.2020
Александр Ильницкий

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

26.11.2020
София Мороз

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

25.11.2020
Василь

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

23.11.2020
Ирина Владимировна П...

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

22.11.2020
Альберт Вильданов

Курс очень понравился. Пройдя несколько тем, погружаешься с головой, хочется ещё и ещё :) Особенно понравилось, что у преподавателя поставлена речь, и он чётко всё проговаривает.

22.11.2020
Руслан Матусевич

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

22.11.2020
Володимир Коваль

Дуже і дуже цікавий курс. За 3 дня пройшов курс HTML/CSS і практично створив свій сайт :)

22.11.2020
Ярослав Чуйко

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

20.11.2020
Марина Галенкова

Я новичок в создании сайтов. Но даже для меня курс оказался вполне доступным. Каждый шаг верстки объясняется простым языком и закрепляется на практике.

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Elena Khmelevskaya
    2337 xp
    1
  • Елена Журавлева
    2337 xp
    2
  • Олександр Олешко
    2337 xp
    3
  • Игорь Ладохин
    2337 xp
    4
  • Сергей Гавриленко
    2337 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!