Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website HTML First Create the Content Containers

Posted by pgmd
pgmd
6,897 Points

Building a web site

OK, so I took all css, all html classes plus building sites and yet, I still do not know where to start to build a site. Should start form scratch or should I use a framework. Is there a pattern to follow? Start with all HTML then go to CSS then add Javascript???? Thank you for tha guidance.

4 Answers

Diane Houghton
Diane Houghton
5,773 Points

I would start with a wireframe, or even just a drawing on paper of what you want the site to look like. Then I would gather up all of the images that you will need, and size them properly. Then I would write the html code following your drawing from left to right, top to bottom. Then I would add the styling with css. Hope this helps! It's daunting at first to start with a blank file. Just take it step by step.

Scott Evans
Scott Evans
4,236 Points
Scott Evans
Scott Evans
4,236 Points

If you're still trying to learn how to build a website i would suggest building your own from scratch. This would benefit you in a number of way.

  1. You would gain a greater understanding of the core concepts behind building a website, like layout, colour schemes and so on.
  2. It would help you to get to grips with the correct process of building a website.

To give you a bit of guidance on what steps to take.

  1. Think of an idea for your website (Maybe you already have one)
  2. Design a layout so for example Header, Nav, Content, Footer
  3. Code your layout up using HTML and CSS.
  4. Use CSS to add a look and colour scheme to your site
  5. Use javascript to add interactivity and enhanced usability
pgmd
pgmd
6,897 Points
pgmd
pgmd
6,897 Points

Hi Scott, Thank you for the fast answer. It is appreciated. Building a site form scratch is exactly what I am trying to accomplish and the process you gave me is very helpful. I was hoping that there was a set of videos with a step by step process of building a site including all structural (CSS/Javascript) steps involved. Key word here is step by step. In other words, when a front end web developer builds a site for a client, what process do they follow? A video on that would be great! Note that I have built about 10 web sites (over the past 10 years) using Dreamweaver without knowing any coding. Now that I know CSS and HTML and some Javascript, I feel I can do it from scratch but, again, need the process to follow. Thank you. Philippe PS: My ultimate goal is to build a portfolio to get employment as a web developer.

pgmd
pgmd
6,897 Points
pgmd
pgmd
6,897 Points

Thank you!!!!!