Course HTML/CSS

Interactive HTML/CSS Course

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.

Start course

Preview first lesson free

  • 66 lessons
  • 32 videos

This course includes

  • Certificate on completion

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.

Course curriculum

32 videos · 34 interactive lessons

Module 1 — Introduction
1 lessons
Module 2 — Installing and Configuring Programs for Working with HTML and CSS
4 lessons
Module 3 — HTML Basics: Basic Markup, HTML Tags, CSS Styles
27 lessons
Module 4 — Home Page. Building the Top of the Site and the Menu
5 lessons
Module 5 — Home Page. Right Side of the Site
7 lessons
Module 6 — Home Page. Bottom Part of the Site
3 lessons
Module 7 — Home Page. Movies, Series, Blog
2 lessons
Module 8 — Movies and TV Shows Viewing Page
6 lessons
Module 9 — Movies Page
2 lessons
Module 10 — Movie Rating Page
3 lessons
Module 11 — Responsive Layout
6 lessons

Reviews (3364)

4.9

Reviews from students

А
Анастасия Кукуруза
November 2023

Начинала курс с 0. Все четко, грамотно и доступно! Очень довольна, что нашла этот курс. Спасибо!!!

Є
Євген Ісіченко
October 2023

Отличный учитель, мне понравилось. Но для новичка нужно сразу добавлять объяснение CSS например что как и в каких вариантах, а то иногда сложно сразу понять что куда. Но в целом на 8/10

D
Dan Perciun
October 2023

Все очень хорошо разложено, от и до для всех, спасибо за знания!

С
Сағындық Сәрсенбай
October 2023

Отличный курс для начинающего. Многому научился.

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?

Immediately after payment, you will receive full access to this course without any delay.

Will I receive a certificate after completing the course?

Yes! For successful completion of each course, you will receive a certificate. All certificates received for courses can be found in your profile.

Why is the price so low?

One of the missions of the FructCode project is to make expensive IT education accessible to everyone!

Are the courses up-to-date?

Yes! Courses on the FructCode platform are updated quite often, including source codes. Please note that courses marked as 'DEPRECATED' are not updated.

What equipment is needed to take the course?

You can access FructCode courses on any operating system, including Windows, Mac OS, or Linux, as well as on mobile devices. For the best experience, we recommend using a monitor with a screen resolution of at least 1920x1080.

What should I do if I face difficulties during a task in training?

If you encounter difficulties while working on an assignment during the course, or if you have a question about the course content, feel free to reach out in the FructCode community at https://fructcode.com/en/qa/. Other students who have successfully tackled the same assignment will be there to assist you.

What is XP and why is it needed?

XP stands for 'experience' and is earned by successfully completing tasks. The more XP you accumulate, the more experienced you become in programming.

How can I participate in the rating?

The overall rating encompasses all actively engaged users in the training program. It is updated once daily.

I found your courses on other sites. Is there a difference in where I study?

Yes! Only on FructCode.com can you access the latest versions of my courses. On other sites, you might find pirated, older, or outdated versions, which may lead to errors due to changes in programming. When you purchase my courses on FructCode.com, you're not just investing in your knowledge, but also supporting the creation of new courses.

What if the course is not suitable for me or I don't like it?

If you realize within 30 days from the date of purchase that the course isn't a good fit for you, you can request a full refund. To do so, please contact support at info@fructcode.com.

What should I do if my video lecture doesn't work or the assignment doesn't open?

The most common reason for this issue is the presence of browser extensions like Adblock. If you encounter a technical problem, please reach out to our support team at info@fructcode.com, and we'll do our best to assist you promptly.

If I still have questions regarding the course, who should I reach out to?

If you have any further questions about FructCode courses, please reach out to our support team at info@fructcode.com, and we will do our best to respond as promptly as possible.

Your instructor

Sergei Nikonov
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