Embark on a comprehensive HTML and CSS course, designed to teach you how to build websites from the ground up. This online training program focuses on programming and HTML layout, offering interactive tasks for an engaging learning experience on FructCode

What you'll learn

Start learning HTML and CSS layout from scratch and you will learn how to effectively build learning the basics of HTML and CSS and learn how to create websites from scratch.

In HTML and CSS lessons you will learn:

Basics of website layout (html and css)
How to use HTML tags div, span, p, ul, li and others
What is CSS (cascading style sheets) for and learn about CSS properties
How to use CSS properties margin, position, padding, color, background and others
What is adaptive layout
How to make a website layout
How to use the developer tools in the Google Chrome browser
What is a viewport and how to use it
How to create a comments section on a website
How to embed a video in an html page
How to change the website layout in the browser
How to link HTML pages together
How to design a menu on a website

Layout of html pages (website layout) refers to the Frontend part of the development of a professional website. There are a large number of vacancies open for Frontend developers and Frontend developers are highly valued in the labor market around the world.

Go through the interactive tasks and you will see that anyone can master the layout of html pages from scratch and become a front-end developer. After completing the HTML/CSS course, we recommend taking the layout course Bootstrap 3 or Bootstrap 4.

You can also take the new in-depth course HTML/CSS Advanced, where you can learn more theory, as well as layout rules for promoting websites in search engines.

Lessons

The training program comprises video lessons covering HTML and CSS. Additionally, it incorporates interactive tests and assignments designed to reinforce your knowledge in HTML, CSS programming, and website creation (website layout).

1
Вводная часть
- 0
  Вводная часть. Знакомство11:10
2
Установка и настройка программ для работы с HTML и CSS
- 1
  Установка Sublime Text 3, Package Control, Emmet в Windows16:34
- 2
  Установка Sublime Text 3, Package Control, Emmet в OSX07:35
- 3
  Complete a Test00:15
- 4
  Complete a Test00:15
3
Основы HTML: Базовая разметка, html-тэги, css-стили
- 5
  Базовая разметка HTML-страницы05:08
- 7
  Теги <h1>, <p>, <strong>03:59
- 8
  Complete a Test00:15
- 9
  Упражнение тег <h1>00:40
- 10
  Упражнение тег <p>00:30
- 11
  Упражнение тег <strong>01:10
- 12
  Познакомимся с новыми html тегами08:12
- 13
  Упражнение <div>, <style>, css class02:00
- 14
  Упражнение <div>, <style>, css background-color01:00
- 15
  Complete a Test00:30
- 16
  Complete a Test00:30
- 17
  Теги <ul>, <li> и этапы создания веб-сайта07:49
- 18
  Подключение css стилей в отдельном файле.09:03
- 19
  Теги <ul>, <li>01:00
- 20
  CSS свойства: margin, padding, height, font-size и другие.06:54
- 21
  Complete a Test00:10
- 22
  Complete a Test00:10
- 23
  CSS свойство Margin01:00
- 24
  Complete a Test00:15
- 25
  CSS свойство Padding01:00
- 26
  Тег <a>. Создание ссылки.02:00
- 27
  Complete a Test00:15
- 28
  Создание стилей для ссылок (тег <a>)05:47
- 29
  Complete a Test00:15
- 30
  Complete a Test00:15
- 31
  CSS Свойство text-decoration01:00
4
Главная страница. Создание верхней части сайта и меню
- 32
  Создание горизонтальное меню07:37
- 33
  Complete a Test00:15
- 34
  Стилизация горизонтально меню05:25
- 35
  Complete a Test00:15
- 36
  Header и TOP menu02:00
5
Главная страница. Правая часть сайта
- 37
  HTML Form. Создание форм.07:22
- 38
  HTML Form01:00
- 39
  Right Block. Начнем создавать панель справа12:57
- 40
  Complete a Test00:15
- 41
  Right Block. Продолжение.11:55
- 42
  Right Block. Часть 310:42
- 43
  Right Menu05:00
6
Главная страница. Нижняя часть сайта
- 44
  Footer. Часть 104:14
- 45
  Footer. Часть 205:10
- 46
  Footer03:00
7
Главная страница. Фильмы, сериалы, блог
- 47
  Content главной страницы08:48
- 48
  Главная страница. Записи блога.05:22
8
Страница просмотра фильмов и сериалов
9
Страница Фильмы
- 55
  Страница Фильмы13:37
- 56
  Страница Фильмы05:00
10
Страница Рейтинг фильмов
- 57
  Страница Рейтинг фильмов12:13
- 58
  Complete a Test00:15
- 59
  Страница Рейтинг фильмов05:00
11
Адаптивная верстка
- 60
  Инструменты разработчика06:40
- 61
  Media queries, тэг viewport09:35
- 62
  Правила адаптивной верстки11:48
- 63
  Complete a Test00:15
- 64
  Правила адаптивной верстки. Часть 209:45
- 65
  Подведение итогов11:40
Being awarded a course completion certificate

Reviews (3367)

Please share your feedback after completing the Course on creating HTML/CSS websites from scratch.

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

7 years ago

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

Evgeny Epancnentsev

7 years ago

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

Андрей Зорин

7 years ago

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

Егор Петров

7 years ago

Мне понравились уроки программирования html и верстки сайтов, особенно интерактивные задания в курсе html и css! Преподаватель объясняет верстку сайтов с нуля и очень удобно, что обучение html дистанционно можно проходить. Начал изучать css с нуля, раньше не знал как со стилями работать, до обучения html/css курса. Спасибо, было очень интересно.

Борис Таиров

7 years ago

Все очень понятно!

игорь вавилов

7 years ago

Все хорошо и доступно объяснили.

Юлия Гаврилова

7 years ago

Искала курсы html, css и программирования для детей своих, но в итоге сама начала обучение html и созданию сайтов с нуля:) Получилось сверстать сайт по урокам html и css, чем осталась очень довольной. Спасибо.

Владислав Корончик

7 years ago

Чудо курс, такого не найдешь на других ресурсах.

Дмитрий Задков

7 years ago

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

Сергей Платонов

7 years ago

Спасибо! Все по полочкам... Доступно, поэтапно, профессионально, как говорится, - от простого к сложному... Сейчас, как я считаю, для себя, важно Это Все ПРАКТИКОВАТЬ! Делать и разбирать уже Все тонкости и Ошибки ( а они будут) на практике, в ходе процесса создания сайта. Еще раз Спасибо! Закрепим Это и будем двигаться Дальше!

Raphael Valiullov

7 years ago

Спасибо за курс!

Игорь Панамарев

7 years ago

Очень рад, что нашел видео уроки html для начинающих. Давно хотел научиться программировать сайты на html и кажется, что курсы верстки html и css - это только начало и дальше программирование сайтов будет сложнее. Научиться верстке сайтов на html и css достаточно легко, особенно с вашими интерактивными уроками html. Спасибо!

FREQUENTLY ASKED QUESTIONS

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

Author

Сергей Никонов. Автор курса программирования HTML/CSS | FructCode

Sergei Nikonov

Founder of the FructCode project
Boasts over 15 years of expertise in web development
Worked in large companies in the USA and Europe on high-load web projects
Led numerous in-person and online seminars on web development

Leaders of the week (TOP 5)

student_pzWlT28Z

4023 xp

Oleg Bondarenko

3447 xp

Art_

1194 xp

user_4c1865

339 xp

user_b68957

12 xp

Course HTML/CSS

Engage in an interactive course for building HTML and CSS websites from the ground up. Experience online HTML training at its best.

What you'll learn

In HTML and CSS lessons you will learn:

Lessons

Reviews (3367)

FREQUENTLY ASKED QUESTIONS

Author

Leaders of the week (TOP 5)