Have you made it through most of the other chapters of this tutorial? Great! Now you're ready to actually see the construction of a real web site from scratch with HTML code.
Planning the Site
For a small site, planning can easily take less than an hour. (For big sites, such as those made by large companies, the planning phase can last weeks or even months!)
Here are the major things to think about:
- Get an Idea - What's the site about?
- Will the site be just one web page, or several?
If it's just one page, grab a pen and paper and sketch out how you want it to look. If your site will be more than one page, you'll need to draw a page map, and then think about each page individually.
Once you have drawn your site map on paper, decide on the layout. Where will the pictures go? Where will the text go? Where will I put all my web links?
After you layout your site, you'll need grab all your "assets," that is, all your pictures, sounds, anything that's going to be on your page, and put them in one folder on your computer. (As sites get more advanced, sometimes you'll make a sub-folder called "images" or "sounds" but our practice site will be much more simple.)
Site Map (Drawn)
For our practice site, I decided to write my personal web page. It's a topic I know well, and you might also decide that your first site will be about you. It's a great way to practice HTML.
Take a look at the site map I drew (above) and you'll have a good idea how the final site will fit together. I made slight changes after I drew the map, but nothing major.
Ready to code?
Let's Start Coding
Before you fire up your text editor to code, you'll need to do two things:
- Create a new folder on your computer and give it a name.
- Drag all the pictures, sounds, movies--anything that'll be on your site--into your new folder.
- Remember your folder name! - You don't want to forget where to find it!