This course will be retired on April 26, 2020. We recommend "Introduction to HTML and CSS" for up-to-date content.
Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Start a free Basic trial
to watch this video
Brief intro to HTML and CSS
-
0:00
Welcome back.
-
0:01
I hope you had fun experimenting with your first webpage and
-
0:04
it's starting to look really good.
-
0:07
In this video, I'm going to go over what HTML and
-
0:10
CSS are, and how they're going to help you code a webpage.
-
0:15
In the following videos, I'm going to walk you through each line of code,
-
0:19
step by step.
-
0:21
As we proceed,
-
0:22
you will hear me throw out a bunch of terms you may have never heard before.
-
0:26
The vocabulary of coding is important to learn over time.
-
0:30
Learning the appropriate terms will help you speak intelligently about
-
0:33
programming to your peers, teachers, your future employers and
-
0:37
help you search with more speed and accuracy on the web.
-
0:41
When you're ready, it will also help you collaborate with other designers and
-
0:45
developers around the world.
-
0:47
If at any time, you're finding that my videos are moving a little too slow or
-
0:51
a little too fast, feel free to speed me up or
-
0:54
to slow me down by using the timer icon in the video console.
-
1:00
If you need some additional help, you can start by looking in the teachers notes, or
-
1:05
checking the forum where either I or
-
1:07
another student at Treehouse will answer your questions.
-
1:11
Before moving on to the code,
-
1:13
[SOUND] let's briefly go over [SOUND] what HTML and CSS are.
-
1:17
HTML and CSS are the basic building block of any website.
-
1:22
To imagine what this looks like, lets say that you're building a house.
-
1:25
[SOUND] If HTML is the carpenter that builds the house,
-
1:29
CSS is the interior designer.
-
1:31
Responsible [BLEEP] for
-
1:32
styling the home, selecting color schemes, window treatments, carpet, and lighting.
-
1:37
[BLEEP] HTML, or
-
1:40
Hyper Text Markup Language, forms the structural foundation of any webpage,
-
1:45
but there are many other languages that fall into the realm of web development.
-
1:50
To build this project, we're also going to be learning some CSS,
-
1:54
or Cascading Style Sheets.
-
1:56
This language will help us modify things like fonts, color, and page layout.
-
2:01
This is great, but I bet you're still [SOUND] wondering what HTML does, and
-
2:06
what it looks like in the browser.
-
2:08
Let's picture you're creating a newspaper, and that you need to organize it.
-
2:12
First you need to put the title of the newspaper in bold letters at the top.
-
2:17
Then you need to add a few sections for different topics.
-
2:21
Each of these sections [SOUND] need a large headline followed by
-
2:24
a few smaller headlines.
-
2:25
Then, we need to add a few paragraphs and photos.
-
2:29
You'll find that building the structure of a web page is very similar.
-
2:32
Now that we know a little more about HTML and
-
2:37
CSS, in the next four videos, you're going to be learning about each line of code.
-
2:43
Feel free to jump back and forth between the videos and the code.
-
2:47
And continue editing the code as you learn about new features.
-
2:51
I've also weaved in a few code challenges and quizzes to assess your understanding.
-
2:55
Do your best, but you can always re watch the videos or retake a quiz at any time.
-
3:02
Just think, if you can make it through this course,
-
3:04
you're gonna be well on your way to becoming a programmer.
You need to sign up for Treehouse in order to download course files.
Sign up