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