fc_logo_w_label
FructCode
Courses and screencastsCommunityBlogPricing
Dark
en
Log inSign Up

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.

In this HTML and CSS video course, you'll acquire the skills to design responsive HTML pages. Through a series of lessons, you'll build your own KinoMonster portal, learning how to apply HTML and CSS techniques that work seamlessly on both computers and mobile devices.
4.9 / 4921
  • 65 lessons
  • 32 videos
  • 5 hours
  • Certificate
Start course

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).

Reviews (3366)

Please share your feedback after completing the Course on creating HTML/CSS websites from scratch.
Иван Литовченко
7 years ago
Супер курс! Очень понравился. Я не знал раньше ничего из области программирования. А этот курс позволяет расширить понимание. Скоро приступлю ко второй части) Спасибо огромное автору! Всем советую
student_14GhfENt
7 years ago
Это здорово! Четко и ясно. Хороший фундамент для дальнейшей работы! 2 момента, которые хотел выделить : про тег margin : a b c d; либо прослушал, либо упустили - не объяснили за какой отступ (верхний, нижний, правый или левый) отвечают значения ( для примера взял a b c d). И также про CSS, не совсем понятно в каком случае, обращаясь к элементу, пишется точка (.название элемента) , а в каком случае не пишется (пример : тег table). Дмитрий, 19 лет, Санкт-Петербург
Дмитрий Демин
7 years ago
Прекрасный курс! Много полезной информации, но для полного ее усвоения, придется не один раз просмотреть весь этот курс заново!
Александр
7 years ago
Хороший курс, помог вспомнить азы html и css.
Oleh Koval
7 years ago
Отличный курс. Это мой первый опыт в IT сфере. Все понятно и без лишнего разжевывания- т.е. по-существу. Важное место отдается самостоятельному обучению. Это к тому чтобы ни у кого не было "розовых очков"
student_kiLIcJVW
7 years ago
Заходил уже с базовыми знаниями HTML5/CSS3, но очень хорошо объяснено как сделать адаптив - спасибо!
Владимир Соловьев
7 years ago
В целом курс неплохой, но хотелось бы оставить пару важных на мой взгляд комментариев: - уделить чуть больше внимания теории, объясняя что и как работает. Например, почему взят именно такой отступ, а не другой (в последнем занятии, у инпута ширина 80%, а у текстареа 85%, при этом по ширине они получаются одинаковые, как так?) и т.д. - практические задания с редактором кода требуют идеального соответствия, при этом проверка не указывает на то, где и какая ошибка допущена. Это жутко неудобно.
Михаил
7 years ago
Курсы взял из за php, работаю верстальщиком) Когда начали верстать блоки, рука потянулась к лицу, каша из дивов, где теги header, main, aside, article, footer и т.д. Название блоков в сайдбаре h2, серьезно? Очень семантично) Выводит из себя, реализация заданий, почему надо делать один в один как автор, если есть куча вариантов решения? Например почему ссылку надо делать на 3 строки, если лучше ее сделать в строку) Вывод: сыровато, идея не плохая, но надо дорабатывать.
Никита Толмач
7 years ago
Было круто) Конечно не все запомнил) Но все же)
Дмитрий Квачук
7 years ago
Очень хороший курс. Раскрыты основные моменты и понятия. Потрясающий задел для более глубокого изучения. Но и со знаниями полученными в рамках курса можно очень не плохо делать сайты. Спасибо, не жалею о потраченных деньгах.
student_li3_O_UY
7 years ago
Отличный курс! Всё прозрачно и просто.
Ban Max
7 years ago
Очень просто все по полочкам разложил.

FREQUENTLY ASKED QUESTIONS

How is the training going?
The training is divided into video lectures, interactive tasks and tests. In video lectures you receive theoretical material and, with the help of interactive tasks, reinforce the theory in practice. You write code directly in the browser and instantly get the result of checking your code - whether it is correct or not. Almost every lesson has links to additional materials and source code.
When does the training start? Do I need to wait for the group to be full?
Will I receive a certificate after completing the course?
Why is the price so low?
Are the courses up-to-date?
What equipment is needed to take the course?
What should I do if I face difficulties during a task in training?
What is XP and why is it needed?
How can I participate in the rating?
I found your courses on other sites. Is there a difference in where I study?
What if the course is not suitable for me or I don't like it?
What should I do if my video lecture doesn't work or the assignment doesn't open?
If I still have questions regarding the course, who should I reach out to?

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)

Daniil Averin
1476 xp
1
user_7349c7
440 xp
2
user_257c2f
440 xp
3
user_ed5d36
440 xp
4
user_6f481a
440 xp
5