Курс 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
new
5
  • 68 видео
  • 23 часа
online_course
new
5
  • 59 видео
  • 21 час
online_course
5
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
4.9
  • 38 видео
  • 15 часов

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

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

10.08.2020
student_eLehQldT

Спасибо! Было интересно и полезно. Необычное сочетание видео урока и интерактивного задания. Ранее проходил курсы где было либо одно либо другое.

08.08.2020
student_hvWypLrB

нормально. смог сделать шаблоны страниц для своего сайта. дальше - изучение фрэймворк.

07.08.2020
student_XNPUgDOq

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

07.08.2020
Zhanibek Talasbek

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

06.08.2020
Alina Eremeeva

Курс дает понимание основ html и css, становится понятно, куда двигаться дальше.

05.08.2020
Денис Арканов

Все доносится внятно, все понравилось. Понравились "домашние задания", быть точнее тесты - заставляют мозг работать) Результатом обучения считаю НАЧАЛО ПОНИМАНИЯ HTML и верстки.

04.08.2020
Владимир Возьный

Огромное спасибо создателям курса! Материал изложен изумительно, от простого к сложному, разъяснены все тонкости! Надеюсь все последующие курсы изложены аналогично доступно и полно! Для "слушателей" курса вести конспект с последующим анализом и повторением материала, выполнять все задания, а также самостоятельно писать код - ЯВЛЯЕТСЯ ОБЯЗАТЕЛЬНЫМ!!!

04.08.2020
Юрий Селемин

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

02.08.2020
Igor Borisovich

Отличный курс, для начинающих самое - то)

01.08.2020
Maria Petrova

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

01.08.2020
Юлия Горгун

Курсы понравились) Конечно же должно присутствовать параллельное самообучение, без этого нельзя. В особенности практика! Может быть со временем будет больше практических заданий на уроках, было бы классно. Не нужно сдаваться новичкам, таким как я. На 5-ом уроке у меня слетел Sublime.. 4 дня пришлось докопаться до истины. Потом не сошелся код.. Но нельзя сдаваться, всегда пинаю себя по з*д. Копать, пробовать, разбираться, ошибаться и снова копать) Спасибо за уроки!

31.07.2020
Сергей Тихомиров

За такие деньги топ. Много всего узнал, много всего самостоятельно изучил, ибо стало интересно "а что если я сделаю вот так". Рекомендую кто хочет окунуться в эту сферу с головой.

31.07.2020
Витян Генералов

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

30.07.2020
Евгений Кулибаба

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

30.07.2020
student_U9aOyOZl

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

30.07.2020
Сергей Николаевич Ши...

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

29.07.2020
Tatyana Dudko

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

28.07.2020
Илья Петров

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

27.07.2020
AlexMan

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

27.07.2020
Dastan Tassimenov

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

27.07.2020
Ирина Белоусова

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

26.07.2020
Екатерина Кабанова

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

26.07.2020
Марина Чистякова

Хороший курс. Многие моменты стали понятнее. Продолжаю обучаться с Вами!

26.07.2020
Мансур Лестай

Очень хорошо и всё понятно !

25.07.2020
Ольга Жигарева

Интересный, насыщенный курс. Понравилась манера изложения информации, четко и по делу.

24.07.2020
Александр Воробьев

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

24.07.2020
Сергій Пазюк

Сначала думал развод! Но потом купил премиум на год и начал изучать! Понравилось очень сильно! ВСЕМ РЕКОМЕНДУЮ! ЧЕСТНО ГОВОРЮ НЕ РАЗВОД!

24.07.2020
Дольган Горяев

Обучение прошло на "ура". Понятный материал и небольшие задания для закрепления материала

22.07.2020
Анастасия

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

22.07.2020
Mihai Temciuc

Спасибо за курс! Понравилось практичность и простота. Это помогает легко запоминать и применять. Преподаватель - отличный!

22.07.2020
student_CQdgPjtY

Я начал изучать HTML/CSS с этого курса. Хороший курс, много информации, толковый лектор

21.07.2020
Ольга Жемайтис

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

21.07.2020
Александр Бардаш

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

20.07.2020
student_VyqXD3Uq

Мне очень понравились эти видео уроки всё легко и понятно. Спасибо большое:)

19.07.2020
Денис Попов

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

19.07.2020
Анна Васильева

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

16.07.2020
Абдулла Абдугафуров

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

15.07.2020
Тимур Макаров

Курс хороший, но упускаются некоторые детали, которые значительно упрощают процесс работы

15.07.2020
Айгерим Жакипбекова

Большое спасибо! Буду учиться дальше!

15.07.2020
Андрей Литвинцнв

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

13.07.2020
Валерий Звягинцев

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

12.07.2020
Дмитрий Клоос

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

11.07.2020
Артём Копань

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

10.07.2020
student_uxP21j87

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

09.07.2020
Олег Мультан

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

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Алексей Таланов
    2337 xp
    1
  • Артур Ушаков
    2337 xp
    2
  • Валентин Евгениевич
    2337 xp
    3
  • Юрий Селемин
    2337 xp
    4
  • Юлия Горгун
    2337 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!