Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Seth Barthen
Seth Barthen
11,266 Points

Does this all tie together at the end?

Hello All!

Just recently started Treehouse, and I really enjoy it so far! Here is my question though... I've been trying to learn html and css for a little while now. I understand all the basic concepts but when I start from scratch and try to build a page. I just have no idea where to begin.

Does we actually learn how to apply all this stuff at the end of the css or web dev section? They sure are throwing a lot of info at me, but how do I apply all of it when I'm out there trying to actually make a website?

Thanks

4 Answers

James Barnett
James Barnett
39,199 Points

> Does we actually learn how to apply all this stuff at the end of the css or web dev section?

Treehouse favors a project-first approach, so the idea is to start with the How to make a website course to see how to make a website and then fill in / expand your knowledge of HTML & CSS with the 2 deep dive courses.

Gary Hurd
Gary Hurd
17,533 Points

HI Seth, Welcome to Treehouse, I joined a few months ago and I am also loving it. I have studied HTLM and CSS for several years now, and I will tell you that while I get the basics and the concept I still wonder where to begin. I have found it useful to start your site with the html5 basic information:

<!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

</head> <body>

Enter all the information and content for your site here with the appropriate tags. Go ahead and include your classes and ids.

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

</body> </html>

Then after you have your page information, then take your comp that you came up with and start adding your CSS3. Of course you can also use the bootstrap CSS3 style sheets. (You will learn about Bootstrap from Gil in another section).

But everything does start coming together and the more you code, the more it will fall into place, at least it is for me by following what Gil has taught me and from just practicing.

I hope this helps. Gary

you will probably start off with the html part of every website you create at first and then go on to do the styling, well at least i do anyway. You will find your own way of doing websites in time, everyone has different ways that they find best.

Seth Barthen
Seth Barthen
11,266 Points

Awesome! Thanks for the responses. At this point I've just decided to cruise through all the videos so I get a general understanding of it all because there is just too much to "master" before moving on to the next thing. By going through it all I at least know there is a way to do certain things, and I can always come back to reference them.

Gary, I was looking into Bootstrap, and that seems like the biggest solution to my current challenge! Duh! a framework so I don't have to make everything from scratch lol.

Overall, I still feel like I know nothing, but slowly things are starting to make more sense.