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

Arthur Fang-Mayer

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

Ибрагим Махош

Очень хороший курс, для начинающих в самый раз.

Николай Хлопцев

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

Максим Голяков

Отличный курс, всё понятно и разборчиво объяснили.

Георгий Сафонов

Курс понравился! Очень много полезной информации в доступной форме. Спасибо!

Алёна Алексеева

Все доступно и понятно. Результат видно сразу.

Евгения Захарова

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

Сергей Кожухарев

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

student_oQYfBJh8

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

student_A1-z9i0h

очень все понятно объяснили, для новичков самое то !!

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

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

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

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

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

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

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

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

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

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

Тесты: 16


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

  • كريستال تاتارنيكوف
    1811 xp
    1
  • Михаил Ефремов
    1671 xp
    2
  • Mr Frag
    498 xp
    3
  • Катерина Иргизцева
    498 xp
    4
  • Евгений Смирнов
    498 xp
    5
  • У вас 0 XP за курс HTML / CSS
    Включайся!