How to Build a Trial Website

By Henri Bauholz

  • Overview

    Before you go online with your new website you can see how it works right on your own computer. This includes looking at each page in a different browser to make sure it will be compatible to all Web users. Actually, 100% compatibility may not be possible, but having each page register for most is a desirable goal. Web design is a challenging and forever changing task, but getting started with a simple series of Web pages on your home computer is a great way to get excited about Web design.
    • Step 1

      Plan the number of pages that you want and consider how you want each page to be linked. This is called, "Navigation." Many designers use a pencil and paper to lay out the navigation. Don't forget that navigation is almost always a two way street. If you have a link from your homepage to your biography page you need at least one link off the bio page and is most likely that you will use at least several.
    • Step 2

      Create the html code for each page and be sure to insert a name for each page in the title section. This is what will appear in the blue bar at the very top of the screen when the page is displayed on your monitor. To create html code for a webpage, you need to open Wordpad and begin there.

    • Step 3

      Don't forget to designate an index page. The system is set up so the browser will first read the page that ends in the suffix, "index.html" (index.htm also works).
    • Step 4

      Layout the text and images for each page. For beginners this might include a background color or image, a heading at the top, some text in the form of simple paragraphs, perhaps an image or two and finally links to other Web pages on your site. Don't forget that it is relatively easy to link to an outside site. (Note: This area of Web design that I have glossed over in one paragraph is actually quite huge. This article is merely designed as a jumping-off point into the great void of webpage design.)
    • Step 5

      Put in all your links. Links are installed with a piece of code called, "Anchors." A link allows you to click on some text or an image and then have the computer redirect you to a different page. Correctly, linking from page to page will allow you to test out the navigation on your very own computer.
    • Step 6

      Check your site out on various browsers. Currently, Internet Explorer and Foxfire are the most popular browsers, but Safari is popular with Mac users. You can do this on your own computer without going live online.
    • Skill: Moderately Challenging
    • Ingredients:
    • Computer
    • Pictures
    • Scanner
    • Photoshop program
    • Tip: This article is designed for use by PC users. Mac people will find most of the information useful, but not all.
    • Warning:
    • The study of Web design is a very large and complex field.

    © High Speed Ventures 2011