Курс HTML / CSS

4.9Premium

В видеокурсе Вы изучите основы языков 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
new
online_course
5
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 84 видео
  • 27 часов
online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час

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

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

03.12.2021
Людмила Ракова

Здравствуйте, очень, очень все понравилось. Сергей Никонов очень понятно и доходчиво объясняет. Я довольна очень! Обучение прошло на одном дыхании. Очень доступные курсы, все предельно ясно и наглядно, главное все делать параллельно с читающим курс. Спасибо огромное!

03.12.2021
Egor Pestushko

Мне очень понравилось обучение, всё понятно! Только, как выложить этот сайт в интернет?

02.12.2021
Евгений

По существу. Рекомендую.

02.12.2021
Владимир Ким Ким

Супер курс спасибо огромное наконец понял как пишется сайт

01.12.2021
Perishte Ismailova

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

28.11.2021
Oleg Boryey

Это мой первый курс. Вначале было непросто, но с каждым занятием становилось всё легче и легче. Практические навыки мне показались самыми эффективными в обучении. Когда ты сам прописываешь то что видишь и слышишь, результаты обучения намного более продуктивные. Хороша также идея с параллельным конструированием другого сайта, что реально помогало закреплять материал. Спасибо!

26.11.2021
Евгений Кулябин

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

24.11.2021
Максим Саломатов

Хороший курс для старта. Сделан доходчиво. Можно проходить в удобном для себя темпе.

19.11.2021
Лиана Богатырева

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

16.11.2021
Роман Чебан

Было интересно, все супер спасибо beONmax за такие замечательные курсы и за такую приемлемую цену. еще раз всем спасибо, СЕРГЕЙ НИКОНОВ БРАВО!!

15.11.2021
Виолетта Сумина

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

14.11.2021
Aleksandral

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

12.11.2021
Валерий Атрачев

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

08.11.2021
Алик Маликов

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

03.11.2021
Solonari Daniel

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

02.11.2021
Руслан Батыжев

Спасибо! очень полезный курс

01.11.2021
Asim Aliyev

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

29.10.2021
Андрей Желобенко

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

29.10.2021
DevPro

курс супер.

27.10.2021
Анастасия Марченко

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

26.10.2021
Oleh Khoma

Навчання організовано доступно і просто. Крок за кроком, поступово. Дякую за курс.

19.10.2021
Ирина Горковенко

Все ок, курс полезный для новичков

19.10.2021
Анастасия Волгина

Курс для новичков очень интересный и полезный. Автор все показывает и говорит. Если, что-то не получается не нужно расстраиваться (тут можно задать вопрос или проверить самостоятельно многие вещи). В целом начинаешь много, что понимать и разбираться и становится больше понятно куда дальше направление свое держать. Всем желаю хорошего обучения и отличного настроения. Успехов всем

15.10.2021
Женя Рыжаков

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

13.10.2021
Эдуард Подцатов

Курс хорошо организован. Всё очень подробно и понятно. По завершению курсу получается неплохой проект веб-сайта. Для начинающих web-разработчиков то что надо.

13.10.2021
Николай Осипов

До этого курса я ничего не соображал в создании сайтов. По окончании курса могу сделать свой сайт. Материал излагается доступно, от простого к сложному. С говорением у автора всё в порядке, если не считать нередкое "да?". При обучении на курсе использовал не только его материалы, но и дополнительные - учебники и ресурсы Интернет.

11.10.2021
Никита Солодилов

Курс отличный все понятно и доступно)

11.10.2021
Владимир Подольский

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

11.10.2021
Kamilla Russ

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

08.10.2021
Александр Терещенко

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

08.10.2021
Игорь Полударьев

Мне 60 . Пока все понятно и интересно.

01.10.2021
Андрей Купера

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

29.09.2021
Тимур Алешин

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

29.09.2021
Сергей Шкиря

Все конечно хорошо, но к сожалению автор часто обещает что-то обьяснить а потом этого не делает. Или пишет код и не пытается что-то объяснять.

29.09.2021
student_Ze6HDa2h

Рекомендую всем именно этот курс для понятия html/css, базовые знание обеспечены.

25.09.2021
Андрей Казадаев

Очень доступно объясняют. Я начинал с нуля и все понял!!!

24.09.2021
student_S-lutBF0

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

24.09.2021
Рустам Хайрулин

Отличный курс! Доступная программа. Рекомендую.

23.09.2021
Татьяна Сафронова

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

21.09.2021
Алексей Быков

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

20.09.2021
Асылхан Каргужинов

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

17.09.2021
Алмаз Абдыкадыров

Всем привет! Меня зовут Алмаз, до того как попасть на обучение в BEONMAX, я прошел тернистый путь, искал курсы на ютубе, буквально вверх дном перевернул весь интернет, И придя в BEONMAX, я понял что это то что я искал так упорно. Спасибо отдельное Сергею Н. за доходчивое и равномерное объяснение курсов HTML/CSS. Всем рекомендую, приходите изучайте понравившиеся курсы, не пожалеете!

16.09.2021
Андрей Башак

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

15.09.2021
Рома Маркилов

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

15.09.2021
Татьяна Баранова

Огромное спасибо за полученные знания по вёрстке, CSS и HTML. Объяснение материала понятно и доходчиво. То что хотела узнать - УЗНАЛА и!!!! многому научилась. ПРОДОЛЖАЮ ДАЛЬШЕ обучение!!!!!!

13.09.2021
Жеоржимал Вилсон Кау...

Я впервые изучаю курс html / css, мне очень понравилась легкость понимания даже для такого новичка, как я!

12.09.2021
Ваня Суровцев

Хороший курс, все понятно, спасибо.

10.09.2021
Руслан Гапеенко

Отлично!

03.09.2021
Качеровськая Людмила

Не понравилось не правильное произношение HTML и CSS, по этому минус одна звезда. В остальном очень понятно и разборчиво. Рекомендую всем

02.09.2021
Татьяна Меньшикова

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

01.09.2021
Alexandra Gesheleva

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

31.08.2021
student_rCJHF9-B

Топовые ребята )

30.08.2021
Вадим

Спасибо большое вам за ваше обучение для начинающих то что нужно :)

29.08.2021
Елизавета Кулиш

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

26.08.2021
Таня Шустова

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

24.08.2021
student_dt-CkOK1

Легко просто быстро и понятно, нигде такого обучающего курса не встречал

23.08.2021
Berkin Kainar

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

23.08.2021
Владислав

Все подробно и доступно объяснили. Курс для начала так супер. Однозначно стоило того.

22.08.2021
Sunnatillo Ruziev

Хороший курс. Новичок в этой сфере, но без проблем понял всё. Спасибо.

20.08.2021
Руслан Мордачев

Обучение понравилось. Все относительно просто и в тоже время интересно.

19.08.2021
Evgenii Fedorenko

Преподается достаточный объем знаний чтобы начать создавать сайты. Все доступно и понятно.

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Egor Pestushko
    2337 xp
    1
  • Надежда Останина
    2337 xp
    2
  • Артём Трафимов
    2337 xp
    3
  • Матвей Триганов
    2337 xp
    4
  • Марианна Гнатюк
    2291 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!