"How to Make a Website with WordPress" was retired on February 3, 2017. You are now viewing the recommended replacement.
Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Treehouse Club: HTML!
You have completed Treehouse Club: HTML!
Preview
Brief intro to HTML and CSS
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
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 upYou need to sign up for Treehouse in order to set up Workspace
Sign up