Webmasters Resources | Domain Services | Building A Web Site | Promoting a Web Site | Affiliate Programs

"HTML BASICS is The EASIEST to use and understand Web Site building course on the Net!"

Previous Lessons
Lesson #1
HTML Reference and Basic HTML

Lesson #2
Adding Text to your Web Site

Lesson #3
Using Colors in HTML

Web Site Structure
How to Build a Web Site > "Lesson #4: Web Site Structure"

Web Site Structure
What I mean by Web Site Structure is the way the files are organized.
After your web site is built. You will use a FTP program to transfer your web site to a web server that is connected to the Internet 24 hours a day. So everyone in the World with a Internet connection and web browser will be able to see it.

Site structure is VERY IMPORTANT for a number of Reasons.

A organized site will be MUCH easier to Build, Navigate, Upload (to the Internet), Maintain, and Upgrade.
When you upload your site to the Internet, it is best to have the exact same structure so your web site online will mirror (match identically) the hard copy of your site on your computer.

Additionally, search engines will give more credability to a nicely organized site and therefore better search engine query listings and therefore more visitors to your site.
Example Of A Excellent Structure for a one topic Web Site
Folder with Your Web Sites Name (ex: www.MYNEWWEBSITE.com)
index.html (your Main Page) + all linked .html pages
folder named "Graphics" (where you keep all the images you are using for your web site)
sound files (if you use sounds on your site - Use Sparingly often sounds are slow to download and annoying to many)

You create folders to arrange your web pages, graphics, and sounds. Your very first web page should be named "index.html". The Reason why this is important.  The index.html file is the default page in a folder.

Example: Suppose you go to address www.officialUSA.com. You see a USA Home page. But... what you are actually seeing is http://www.officialusa.com/index.html . Whenever you do not specify a file within a folder, the web browser will automatically search for and load the index.html. 

Example #2: Golfing Site at officialUSA.com
address: http://www.officialusa.com/stateguides/golf/
will load:  http://www.officialusa.com/stateguides/golf/index.html

If no index.html file was present, you would see the directory information and any files located within the folder. Like this.... I intentionally left no index.html in the sounds folder

It is a good habit to name a html file "index.html" for each folder so visitors will not get lost.

How to Build a Web Site
BACK TO LESSON#3 "Using Colors in HTML" <Lesson #4> NEXT LESSON #5 "Adding Graphics to your Web Site"
Webmasters Resources