Welcome back.

I hope you had fun experimenting with your first webpage and

it's starting to look really good.

In this video, I'm going to go over what HTML and

CSS are, and how they're going to help you code a webpage.

In the following videos, I'm going to walk you through each line of code,

step by step.

As we proceed,

you will hear me throw out a bunch of terms you may have never heard before.

The vocabulary of coding is important to learn over time.

Learning the appropriate terms will help you speak intelligently about

programming to your peers, teachers, your future employers and

help you search with more speed and accuracy on the web.

When you're ready, it will also help you collaborate with other designers and

developers around the world.

If at any time, you're finding that my videos are moving a little too slow or

a little too fast, feel free to speed me up or

to slow me down by using the timer icon in the video console.

If you need some additional help, you can start by looking in the teachers notes, or

checking the forum where either I or

another student at Treehouse will answer your questions.

Before moving on to the code,

[SOUND] let's briefly go over [SOUND] what HTML and CSS are.

HTML and CSS are the basic building block of any website.

To imagine what this looks like, lets say that you're building a house.

[SOUND] If HTML is the carpenter that builds the house,

CSS is the interior designer.

Responsible [BLEEP] for

styling the home, selecting color schemes, window treatments, carpet, and lighting.

[BLEEP] HTML, or

Hyper Text Markup Language, forms the structural foundation of any webpage,

but there are many other languages that fall into the realm of web development.

To build this project, we're also going to be learning some CSS,

or Cascading Style Sheets.

This language will help us modify things like fonts, color, and page layout.

This is great, but I bet you're still [SOUND] wondering what HTML does, and

what it looks like in the browser.

Let's picture you're creating a newspaper, and that you need to organize it.

First you need to put the title of the newspaper in bold letters at the top.

Then you need to add a few sections for different topics.

Each of these sections [SOUND] need a large headline followed by

a few smaller headlines.

Then, we need to add a few paragraphs and photos.

You'll find that building the structure of a web page is very similar.

Now that we know a little more about HTML and

CSS, in the next four videos, you're going to be learning about each line of code.

Feel free to jump back and forth between the videos and the code.

And continue editing the code as you learn about new features.

I've also weaved in a few code challenges and quizzes to assess your understanding.

Do your best, but you can always re watch the videos or retake a quiz at any time.

Just think, if you can make it through this course,

you're gonna be well on your way to becoming a programmer.