Html And Css For The Total Newbies

Learn HTML and CSS from scratch to understand the usage, rules and syntax of HTML and CSS by making two webpages

What you'll learn

Understand what is HTML and CSS and why we use them

Learn by doing how to create a webpage from zero

Follow two cloning projects to see how we make webpages

Learn rules of CSS and HTML to apply in real life

Requirements

Absolutely no experience is needed

Description

This course is designed specifically for beginners with no prior experience in web development, providing a hands-on introduction to HTML and CSS through practical work. You'll be guided step-by-step through the process of creating your first webpages, learning how to turn design concepts and ideas into fully functioning HTML and CSS code. From the very first lesson, you will dive right into building real projects, without the need for extensive theoretical knowledge.We will begin by setting up your development environment, making sure you have all the tools you need to start coding. Once you're ready, we will create our first piece of HTML and CSS code together. By the end of the course, you will have built several web pages, each more complex than the last, reinforcing the skills you’re learning along the way. Additionally, you will learn how to publish your creations online, giving you the satisfaction of seeing your work live on the web.This course takes a "learn by doing" approach, so instead of focusing heavily on lectures or theory, you will be actively coding and building. Every lesson will challenge you to apply what you’ve learned, ensuring you can create professional-quality web pages by the end of the course.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Setting up the environment, first look at HTML

Lecture 3 Concept of HTML, introducing some of the most common elements

Section 2: Cloning your first webpage

Lecture 4 HTML: working with text elements

Lecture 5 HTML: working with images

Lecture 6 HTML: building the contacts section: Google map and contact form

Lecture 7 Understanding HTML tree structure or DOM

Lecture 8 CSS: styling a header

Lecture 9 CSS: styling the main section

Lecture 10 CSS: styling the contacts section

Section 3: Making webpage responsive

Lecture 11 CSS: adding media queries

Section 4: Publishing webpage online

Lecture 12 Publishing webpage with Netlify

Lecture 13 Activating contact form submission

Section 5: Creating a HTML jumbotron

Lecture 14 HTML jumbotron

Section 6: Second cloning project

Lecture 15 HTML: creating the header

Lecture 16 HTML: describing the main content area

Lecture 17 HTML: creating a footer

Lecture 18 CSS: styling the header

Lecture 19 CSS: styling main content

Lecture 20 CSS: building a horizontally scrollable image gallery

Lecture 21 CSS: styling the footer

Complete newbies willing to see how HTML and CSS work