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

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

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

14.08.2021
Виталий Полещук

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

10.08.2021
Дмитрий Соболев

Обалденный курс, прошел за недельку!

05.08.2021
Андрей Емашев

Сам проект отличный, просто находка для тех, у кого нет времени отрываться от работы, учебы. Можно сразу проверить и закрепить знания, выполнив интерактивные задания. Курс оцениваю на 4, есть кое-какие неточности, возможно оставленные нарочно, чтоб заставить ученика, покопаться, и, таким образом, лучше разобраться в материале. А так, весьма полезный проект.

02.08.2021
Вадим Алексеевич Сор...

Мне всё понравилось, отличный курс!

01.08.2021
Иван Богаченко

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

30.07.2021
Владимир Кочетков

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

29.07.2021
Магомед Яндиев

Благодарю за курс HTML / CSS, всё максимально доходчиво и с интересом

28.07.2021
Анна Канаева

Курс понравился. Никакой воды.

28.07.2021
Екатерина Клименко

Спасибо за такой полезный и насыщенный курс

28.07.2021
Мария Грабовецкая

Хороший курс для нулячих энтузиастов, достаточно понятно и по делу изложен материал, без воды. Вместе с Сергеем сделала сайт, адаптировала под мобильное устройство. Иногда не хватало объяснений где мы берем исходные данные, которые вписываем в код. Из-за этого возникало ощущение "диктанта". Помогает только обращение к сторонним ресурсам и самостоятельное копание. Благодарна за такой вводный курс, есть мотивация и желание продолжать учиться дальше.

27.07.2021
Александр Юдин

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

22.07.2021
Игорь Скорик

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

20.07.2021
Алиса Савченко

Я очень рада, что нашла этот сайт! Пройдя курс html/css, хочется двигаться дальше благодаря доступному объяснению материала и качественной практике. Благодарю!

18.07.2021
student_M6E3tgeE

Большой объём информации. Конечно не всё запомнил. Постараюсь сделать страницы простые. Ориентироваться на записи пройденного курса. Очень доволен пройденным материалом и учителем. Всем рекомендую.

18.07.2021
Гульшат

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

12.07.2021
Николай Петрейкин

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

11.07.2021
Сергей Вакулюк

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

10.07.2021
Светлана Галгай

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

07.07.2021
Юлия Васильева

Отличный курс. Все отрабатывается на практике. Информация по теме (без "воды"). Не имея представления, что такое верстка, я получила начальные знания в доступной форме.

04.07.2021
Сергей Тимашов

Отличный курс без лишней информации

04.07.2021
Mikayel Davtyan

Everything is really great and interactive

29.06.2021
Andrei Subach

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

28.06.2021
Владимир Полюдов

Прекрасная программа, очень легкое обучение и даже много что запомнил

23.06.2021
Татьяна Байдюк

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

20.06.2021
Васильев Егор Алекса...

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

17.06.2021
student_mz84w-j7

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

07.06.2021
student_d_ocVchA

Замечательный курс! Советую!!!!

01.06.2021
Татьяна Арютова

курс очень понравился! коротко, ёмко, много новой полезной информации. лектора приятно слушать.

01.06.2021
Екатерина Королева

Курс отличный, все очень понравилось) Большой шаг в мир ИТ

28.05.2021
Olena Shubina

Очень понравился курс

25.05.2021
Светлана Козачук

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

23.05.2021
Александр Моргунов

Благодарен авторам курса за отличный опыт. Материал подается действительно интересно. Очень понравился подход к обучению через практику. Буду продолжать. В планах Bootstrap - JS - React.

20.05.2021
Максим Грабовский

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

19.05.2021
Денис Демидков

Очень познавательный курс. Мне 12 лет, но несмотря на это, всё прекрасно понял!!!

13.05.2021
Alex Vyzhimov

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

13.05.2021
Михаил Ромашкин

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

13.05.2021
student_c5tuIBQg

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

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

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

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
    Включайся!