Tuesday, June 20, 2006

Create a Web Page.

To create a web page is actually quite a simple process. You need to consider a colour scheme and the elements you wish the page to contain (menu, information, banners, ads, links etc….). Then you need to consider the actual look of the page itself and where you want to place everything on the page. When you create a web page in this way its often easier to make a sketch before you actually start to build the web page with your chosen software.

The easiest way to create a web page is to use a template. Either adjust a pre-existing one or create your own. You can use tables to hold the elements and content you wish to place on the page; using a separate table for each element. In this way you can easily build up a page with the knowledge of where everything is going to go before you place anything in it. Once you’ve created a template it can be used for every page you wish to create.

The first thing you want is a background. Just a simple colour is enough but you can use whatever you wish. It is however good advice to steer away from anything too bright or distracting, it is just the background to the page and you don’t want it to detract from the content.

Next you want an outer table of one column and three or four rows. Make it between 800 and 900 pixels wide. I usually go for 800. You can always adjust it later if you need to.

Header Goes Here

You can put another table here if you want a top menu. Just use one or two rows and however many columns you have pages to link to.

This would be used for a side menu.

You could just as easily put it on the right of the page.

This is where you place your main content.

This could be used for some sort of advertising and again could just as easily go on the left of the page.

In the top row you place your header graphic. In the next row you can place a page menu linking to other pages on your site or you can leave it blank and use a side menu. If you choose a side menu then you need to place another table of one row and three columns in the third row down. Make this table the same width as the original, so in my case it would 800 pixels.

This new table will contain your menu in the left or right column and your actual page content in the middle. The remaining column can be used for adverts; for either your own content or for someone else’s i.e. affiliate programs, adsense etc…

You can adjust the size of the individual columns so that they remain the same size on every page you create using the template. This helps with uniformity and the general look of the website. Generally you want the left and right columns to be around 150 pixels wide which leaves 500 pixels for the centre column.

The remaining row at the bottom can be left blank or used for links to other sites, a banner, contact info, anything you want really so long as it doesn’t detract form the main page content.

So you can see how easy it can be to create a web page template and then use it to create all of your web pages. It saves a lot of time and extra work and adds uniformity to your website.

I will right a few articles specific to different software that I will post on the site at Intrepreuner IT.

© Tim Guy Intrepreuner IT