Курс 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.8
  • 10 видео
  • 21 заданий
  • 1 час

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

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

27.10.2020
Роман Просвиров

Обучение по курсу HTML/CSS прошло для меня продуктивно. В курсе мне понравилось то, что почти каждый урок есть различные задания: тесты или интерактивные практические - это очень хорошо подкрепляет знания полученные по видеоурокам. Я до этого не обучался программированию - но знаю что благодаря данному курсу фундамент освоения понемногу закладывается. Спасибо за хорошее и качественное обучение.

26.10.2020
Tetiana Zakordonets

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

26.10.2020
Vlad Konovalov

Обучение прошло отлично. Мне понравилось больше всего закрепление материала интерактивными заданиями и тестами ( это помогает лучше усваивать программу ). Я узнал много нового для себя в верстке сайта на языках HTML/CSS.

26.10.2020
Кирилл Афанасьев

Курс хороший с точки зрения практики. Но курс сильно сжат и очень мало уделяется теории.

25.10.2020
Sergey Tregub

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

25.10.2020
ПЁТР

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

24.10.2020
Катя Назаренко

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

23.10.2020
Владимир Грибанов

Сайт очень хороший как и учитель, объясняет всё очень хорошо и понятно. Спасибо вам за помощь! Буду продолжать в том же духе.

22.10.2020
Вера Филиппова

Хороший базовый курс. Подойдет для новичков

21.10.2020
София Пилягина

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

21.10.2020
Дмитрий Лукьянов

Мне очень понравился данный курс. Больше всего мне понравилось, что автор всё подробно рассказывает и показывает, пошагово расписывает. Мне, как человеку, который первый раз окунулся в HTML и CSS, данный курс был достаточно понятен. Также после некоторых уроков есть интересные задания и возможность скачать и поковыряться в исходном коде страниц. Единственный минус - это произношение некоторых слов (img - "имг", html - "хтмл", content - "контЕнт".

20.10.2020
student_EY2rkiPq

У меня уже были знания по HTML и CSS, хотела их освежить. Очень рада, что нашла этот курс, все просто и доходчиво. Лично для себя даже узнала несколько новых фишек. Спасибо!

19.10.2020
Алексей Губаревич

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

19.10.2020
Евгений Саламатов

Всё отлично,для интенсива новичков - есть всё. Дальше - только практики побольше и не бояться менять уже существующие параметры, чтобы понимать, как и что работает.

18.10.2020
Alena Golovaneva

Отличный курс для новичков :-)

18.10.2020
student_cEJv9QWP

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

16.10.2020
Oleksandr Irzhyk

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

15.10.2020
Мария Мячина

Курс очень понравился. Объяснения понятные. Обучение прошло легко. Узнала много нового.

14.10.2020
Виталий Леон

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

14.10.2020
Леонид Зинченко

Все супер, достаточно понятно и интересно, благодарю!

13.10.2020
Алексей Чемаров

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

12.10.2020
Валентин Попович

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

12.10.2020
Никита Лещишин

Спасибо большое за курс обучения. Я практически с нуля научился верстать сайт на css/html. На мой взгляд можно улучшить курс тем, что убрать интерактивные задания (т.к. проверка идет по точности каждого символа и все действия повторяешь во время урока, потом опять дублировать это нет никакого желания (copy-past решает эту проблему). Было бы не плохо еще рассказать про плагины ST3 перед началом работы

12.10.2020
Павел Макаров

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

12.10.2020
Владимир Токин

Интересно, кратко и по существу, спасибо!

10.10.2020
Александр Вяткин

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

10.10.2020
Ekaterina Kulachinsk...

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

09.10.2020
Наталия

Обучение прошло с лёгкостью и интересом! Всё очень просто и понятно! Спасибо вам! :)

09.10.2020
Roman

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

08.10.2020
Сергей Степаненко

Курс понравился. Все объяснения понятны и доходчивы, без лишней воды. Буду продолжать учиться. Спасибо.

08.10.2020
student_nF5cfq8h

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

08.10.2020
Рахман Хункаров

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

07.10.2020
Наталья Гуляева

Очень доходчиво даже для новичков

07.10.2020
Сергей Мартиросян

Мне понравился процесс обучения, все было понятно и ясно. Я узнал много нового по верстке сайтов.

04.10.2020
Илья Митин

Спасибо!!! Очень понравился курс, быстро прошел все видео лекции, все понятно очень объясняется.

04.10.2020
Санжар Мелисов

Все очень круто, понятно и доступно!

04.10.2020
Дмитрий Македонский

Очень хороший курс! Я не новичок в верстке, но имею очень большой перерыв в практической работе. Базовые знания остались, а практические навыки ушли. Я занимался больше дизайном, администрированием и доводкой сайтов, а основную верстку и кодинг отдавал на фриланс. Мобильные версии сам никогда не верстал. Поэтому сейчас решил пройти курсы, начиная с базового. Однозначно доволен. Теперь пойду дальше по вашим курсам. Цель - front-end complete:-)

03.10.2020
student_Hi5ssIi_

Я начал с нуля, всё очень доступно и понятно. С удовольствием прошёл этот курс и многому научился.

03.10.2020
Евгений Соболенко

Обучение прошло отлично Понравилась подача и тесты Создал свой первый сайт на чистом хтмл ксс Рекомендую пройти

03.10.2020
Татьяна Ефименко

Отличный курс. Рекомендую всем, кто решил попробовать свои силы в разработке сайтов. Доступно. Есть возможность сразу отработать навыки верстки. Дается перечень инструментов окружения со ссылками, исходный код для скачивания. Не встречала подобного экспресс-обучения. Очень понравилось учиться. Удалось, в ходе обучения написать небольшой сайт. Желаю разработчикам beONmax не останавливаться на достигнутом. Спасибо за курс!!!

03.10.2020
Умит Халелова

Курс отличный! Всем советую!

30.09.2020
Ионел Бэдэнэу

очень понятно объясняет, на простом языке..10 баллов!!! Спасибо!

30.09.2020
Антон Яковец

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

30.09.2020
АЙРАТ ГАФИАТУЛЛИН

мне 13 лет и я хачу быть самым лучим програмистом.

30.09.2020
Maxim Basev

Вполне неплохой курс для начинающих.

29.09.2020
Наталья Воротникова

Отличный курс для новичков. Пошагово и в максимально доступной форме верстка с нуля )

29.09.2020
Dmitry Havin

- это было не просто "мне понравилось", а скорее "это даже увлекательно". - визуализация материалов, создание "проекта". - очень удобно, когда материал разбит по маленьким урокам/темам. - пройдите первых пару заданий (бесплатных) и попадитесь на "удочку" как я)). Определенно стоит своих денег (да какие там деньги с учетом скидок). Еще раз спасибо, пойду думать PHP или JS =)

29.09.2020
Имомали Файзуллаев

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

28.09.2020
Александр Спас

Очень хорошая практическая подача материала

26.09.2020
Татьяна Полякова

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

25.09.2020
Ruslan Pylypenko

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

24.09.2020
Madenko Oleg

для введения в html и css подойдет

23.09.2020
Курбан Буев

Обучение прошло отлично! Больше всего понравилось то, как был разложен материал и система оценивания. В целом получил базовые знания и понимание html/css. Курс понравился.

23.09.2020
Ирина Абрамова

Неплохо. Понравилось то, что все было показано на конкретном примере. Из минусов - не все свойства CSS подробно объяснялись.

22.09.2020
Dimitrius Tkachenko

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

22.09.2020
Радик Залалов

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

21.09.2020
Maksym Kynal

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

19.09.2020
Pavel Popusoi

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

18.09.2020
Владислав Кузнецов

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

18.09.2020
Дмитрий Филиппов

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

17.09.2020
Евгений Разумов

Отличный лектор. Информативный курс. Прошел на одном дыхании. Идеальное соотношение теории и практики

17.09.2020
Владислав Репринцев

Класс)

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Dmytro Chernomorets
    2337 xp
    1
  • Tetiana Zakordonets
    2337 xp
    2
  • Vlad Konovalov
    2337 xp
    3
  • Кирилл Афанасьев
    2337 xp
    4
  • Алина Сарсенбаева
    2337 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!