Курс HTML / CSS

4.9Premium

В видеокурсе Вы изучите основы языков HTML и CSS, научитесь создавать адаптивные HTML страницы Вашего сайта. В процессе обучения Вы создадите портал КиноМонстр — сайт о кино, адаптированный для работы одновременно на компьютерах и мобильных устройствах.
Изучите онлайн уроки по основам верстки и программирования Html и Css с нуля и Вы сможете эффективно создавать верстку любых собственных сайтов!

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

Посмотрите видео об онлайн курсе программирования и верстки HTML / CSS для начинающих. Вы узнаете, как эффективно построить обучение основам Html и Css и научиться самому создавать веб сайты с нуля.

В процессе обучения Вы получите знания и навыки:
  • Основы HTML и CSS
  • Полноценная верстка страниц сайтов, на примере сайта о кино
  • Работа в редакторе кода SublimeText
  • Практическое применение основных тегов HTML
  • CSS-верстка текста: цвет и размер шрифта
  • Позиционирование блоков на сайте
  • Работа с изображениями
  • Правильная HTML-разметка для SEO
  • Адаптивная верстка под мобильные устройства
  • Специальные классы для адаптивности
  • Полезные инструменты для frontend-разработчика

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

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

Получите +1 проект в личное портфолио

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

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

План курса

Программа обучения включает видео уроки по изучению 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
4.9
  • 25 видео
  • 50 заданий
  • 4 часа
online_course
new
4.9
  • 75 видео
  • 11 часов
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 84 видео
  • 27 часов

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

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

Aлександр Тян

Отличный Курс, объяснил основы верстки сайта при помощи CSS и HTML.

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

Спасибо большое за курс, спасибо преподавателю за ясное объяснение материала

Руслан Карпов

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

Евгений Марьин

Немного не хватает информации по CSS вроде бы много но так далеко )

Максим Лебедев

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

ильдар фахриев

все супер!

Алексей Коршаков

Очень интересно. Узнал много новой информации. Доступная стоимость курсов.

Кирилл Иванов

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

Наталья Федонина

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

Николай Шевчишин

Спасибо, всё понятно и удобно. Вы молодцы

Николай Закамсков

Хороший курс, чтобы изучить HTML и CSS на практике и сразу видеть, как и где всё это можно применять!

Даниил Щетников

Интересный а главное практичный курс, если изучать еще параллельно и копать глубже в темы то можно научиться верстать и сайт в портфолио заиметь!

Юрий Попов

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

Евгений Буров

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

Artyom Khudyakov

Хороший курс, все понравилось. Но немного не хватает объяснений по CSS

Tamerlan Sefikhanov

Курс HTML / CSS понравился. Информация подается структурировано и понятно. Спасибо большое автору за его труд

Владислав Куковенков

Хороший, информативный, комплексный курс. Вот единственное - можно было бы ещё ссылки на справочники по параметрам и атрибутам css добавить. А то преподаватель все команды знает и уже их знает наизусть, а вот остальные нет)

Gleb Chrusciov

Буду и дальше развиваться!

Антон Ваев

Отличный курс, много информации для себя почерпнул!

student_clzmd7aW

Интересный увлекательный курс, без воды и лишней траты времени.

Кристина Федорова

просто и доступно рассказано. короткие видео, что не усложняет процесс обучения

Николаев Михаил

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

Арсений Спирьков

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

марат муталипов

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

student_gim2cdIi

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

Михаил

Супер. Все понятно. Все по существу. Я доволен.

Туран Гаджиев

Очень классно объясняете

student_HF1gqM2k

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

Максим Макаров

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

Александр Федоренко

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

Максим Дуняхин

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

Banessa Mae

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

Николай Сизинцев

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

Кирилл Дмитриев

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

Сергей Махнутин

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

Александр Александро...

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

Николай Бочаров

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

Михаил Луцак

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

Николай Денисов

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

Айгель Хайруллова

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

Larisa Sokolova

Для меня это совершенно новый опыт. Не думала, что пойму что-то, но все оказалось вполне доступно. Продолжу дальше)))

Wait Whaaat?

Все понравилось. Особенно понятные объяснения

Юрий Махначев

Курс очень хорош)

Екатерина Борисова

Замечательный курс! Все объясняется понятным языком, быстро и без воды. Получилось с нуля создать свой первый сайт за достаточно короткий промежуток времени;)

Лилия Богданова

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

viva lavida

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

Ирина Яковлева

Доступно, понятно, можно пройти дистанционно в удобное для тебя время.

Акмал Бакиев

Все супер!

Владимир Ушаков

Замечательный курс для новичка! Очень четкие пояснения. Хорошая практика.

Сергей Павловский

Всё круто! Мне понравился курс! Теперь можно пробовать сови силы для создания своих и других сайтов!

arsen M

Супер.. норм инфа

Антон Костюк

В целом, курс дает базовые знания. Но некоторые моменты не объясняются. Из-за этого не всегда понятно, почему выбраны те или иные количественные показатели для стилей CSS.

student_d7HkNAoF

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

Александр Землянский

Спасибо. Курс был очень полезен для меня. Узнал мого чего нового

Никлей Сателит

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

Agil Ashurov

Мне нравится beonmax потому что здесь сразу можно практиковаться на реальных проектах. И выполняя задания сразу можно получать ответ, также здесь есть исходники с которыми можно сравнить то что вы пытаетесь повторить!

student_hYLEEbKk

Здравствуйте! Курс понравился спокойным темпом и понятным объяснением. Многие вопросы вёрстки уложились в голове. Прям для меня этот курс. Оценка отлично.

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

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

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

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

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

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

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

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

Тесты: 16


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

  • Илья Милорадов
    2337 xp
    1
  • Ирина
    1532 xp
    2
  • Dmitry Zolotarev
    1029 xp
    3
  • Никита Гудков'
    971 xp
    4
  • Исмаил Машанло
    498 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!