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