Breadcrumb trail for Web Design:
Web Design -> Planning -> Best Practices -> Basic Skills -> Building -> Special Pages --> Publishing -> Domain Name -> Testing -> More
There are many different ways to do the mechanics of building a website. All methods have their pros and cons - their supporters and detractors. However, the important thing is to choose a method that works best for you in creating and maintaining your site and which results in a website that people want to visit.
Included in this part of the tutorial are exercises to learn how to use some HTML editors and to practice adding content to some free css templates. With that knowledge, you could choose your own template and start building your own site. However, there are also exercises to practice changing the external CSS file to "tweak" the template for those who are interested.
It is important to organize your website material on your computer in the same manner as it will be organized on the web hosting site you choose. Since the links between pages will be relative links (not full URL's), this will keep the links from breaking when the site is uploaded to the web hosting site.
You will need to keep everything in one main folder (like it will be in the "root" directory of the webhosting site). Most folks have a special folder just for images that is inside the main folder and it's named - images. Some folks who have lots of pages and/or lots of other special files may also have additional folders.
Since we will be using some templates for the exercises, we can use the folders that are created when the templates are unzipped. As you begin to work on your own website, you can decide if you want to create additional folders. When you upload your site, you'll need to organize the folders (directories) in the same manner as you have them on your computer.
The exercises are on separate pages with links back to this section on this page. Some of the tutorials were written as help files for The Studio and have not been revamped to match the layout of the other pages on this site. However, they will have a link to "Return to the Practice Menu". As you finish with one exercise, you can return here for more!
Once you feel comfortable using an HTML editor and have practiced changing some of the basics in the CSS file, you should be ready to start creating your own site. The next section contains steps to take if you plan to use a free css template and are going to use an HTML editor to add content.
Just for Fun
If you are in the mood to just play with graphics or text, you might want to check out some links on the Fun Sites Hotlist