A "template" is simply a design format which you can apply to all (or most) of the pages in your web site. The first advantage of using a "template" system is that it allows you to make your most important design decisions at the beginning, and then just focus on content. The second advantage is that it allows you to quickly create new pages based on your standard design.
The disadvantage is that many template-based websites look homogenized and seem to lack a unique character. Designers who sell templates tend to use the same formats over and over again, insert the same generic images, and use the same techniques.
Just as important, templates are often not ready-to-go right out of the box. They almost always need modification, and often modifying a professionally prepared template is difficult because the designer will have used techniques you may not fully understand or are specific to the tools he or she used to create it.
So it is preferable not to think of a web template as the kind of thing you buy from an online template store. Rather just think of it as a basic page format that can be used over and over again. The best template is therefore one that uses "standard" techniques that can be modified without the use of specialized tools or programs (like Front Page or Dreamweaver).
Creating a Basic Template
If you are not familiar with web design, try working with a "bare bones" template to begin with. There are two ways you can go. You can work with basic html and tables, or you can create your basic template with CSS. Since CSS is rapidly becoming the new standard, it is probably better to begin with CSS -- especially if you have not yet become used to constructing web pages with tables.
CSS stands for "Cascading Style Sheets", but at the beginning it is not important to understand what that means. What is important is to understand that CSS allows you to create a set of formatting parameters in a "style sheet" (a seperate file) which you then can very easily apply to your individual pages. In other words, you seperate the "style" from the "content".
A simple style sheet can contain just three or four design elements. Here is an example which you are free to copy (right click and "Save target as" to a location on your hard drive, then change its name to "sample-1.css".)
Style Sheet Sample (be sure to change its name to "sample-1.css").
This template contains a definition for the body text, a header component (with a background image), a "navbar", and a definition for two headline styles, h1 and h2.
Now that you have a style sheet you can begin building your web site by creating a basic home page. Here is an example which embeds the style sheet referred to in the previous paragraph. You can get the html code by just opening the page in a browser window, looking at the "Source" code, and saving the resulting file on your hard drive as, for instance, "sample-1.html".
Now you should have two files in the same location on your hard drive -- "sample-1.css" and "sample-1.html". You can get the image file by just right clicking on the image in the sample page and saving it to the same location on your hard drive.
Your second step will be to create the pages referenced in the "navbar", so make sure you think of names for these pages before proceeding (e.g., howitworks.html, products.html, about.html, sitemap.html, contact.html). Then build your hyperlinks into the navbar. (Look at the code of the sample file to see how it is done.)
Once you have your basic home page with links, this then becomes your template. Just save it as "howitworks.html", "products.html", etc., and make the changes to the specific pages.
The result (once you upload it all to your host server) will be a basic, functional website containing a number of properly interlinked pages. It will also be search engine friendly because the design is not cluttered with scripts, and the most important elements are clearly laid out at the top of the page.
For more web design tips and techniques see the Linknet Marketing Resource Library.
Rick Hendershot is a marketing consultant, writer, and internet publisher who lives in Conestogo, Ontario, Canada. He publishes several websites and blogs, including The Linknet Network of Websites. This network provides an inexpensive way to advertise your website, and get as many as 100 low cost links.
If you are trying to sell a product or service... Read More
I'm not a professional web site designer and openly admit... Read More
It seems more and more webmasters are using CSS for... Read More
No, that's not the real question. The real question is... Read More
A long, long time ago? In a galaxy far, far... Read More
"It's good.""You've done a nice job.""I don't like it."At some... Read More
Many websites make the mistake of being all flash and... Read More
Your web site has been up for a few months... Read More
Do you have a website? If so, you need an... Read More
What is web usability & why is it important?Web usability... Read More
We have all seen websites showcasing their testimonials either spread... Read More
An attractive and user-friendly Web site is crucial to attracting... Read More
Websites that have multiple pages usually have a Frequently Asked... Read More
Everything you say and do says something about you. This... Read More
Over the years, the internet has grown into a marvelous... Read More
As a webmaster you already know how important it is... Read More
Probably you know someone who has created a web site... Read More
Hello, how is your website doing?Are sales flowing in?If you... Read More
1. Don't load your web site with a lot of... Read More
With so many new websites going up, it is hard... Read More
Wether you design your business brochures, flyers, web page, or... Read More
There's no doubt about it - the first page your... Read More
An "include" file is a piece of code that can... Read More
Whether a business has just got off the ground or... Read More
We've all read the countless publications about effective web site... Read More
Many times I've seen a web site undergo a revision... Read More
Squeeze pages are a very hot topic in the internet... Read More
In this article I will give advice and tips of... Read More
Why is the quality of your text layout and design... Read More
Does your website make you any money? Does it SAVE... Read More
1. Loading time:try to be below 20kbless number of imagesspecify... Read More
How many times have you clicked on a website only... Read More
There are six important characteristics that can play a major... Read More
One of the single most important aspects of effective navigation... Read More
Many people hire professional web site designers for as much... Read More
I've written about META tags in the past, and I... Read More
To create professional websites is not an easy task by... Read More
If your Web site doesn't project a professional and polished... Read More
A client asked me, at what point do you change... Read More
Some wise human once said "Learn from the mistakes of... Read More
It's a fact, Page Not Found, known as a 404... Read More
Let's face it. Building a web site that browses consistently... Read More
One of the most popular methods of traffic generation is... Read More
If you were like me and you have just started... Read More
I often wonder how serious people are when it comes... Read More
Here are a few programs I can't do without. They're... Read More
You have only 10 seconds to impress your potential buyer.... Read More
If there's one thing that I've learnt so far, it's... Read More
Here is a quick list of components that make a... Read More
The most popular method to build webpages today is to... Read More
Have you seen Jesse James on the... Read More
Web usability is perhaps the most important factor in any... Read More
1. Don't load your web site with a lot of... Read More
The Basics You have a flourishing business ? everything is... Read More
There are often many mistakes encountered when creating a webpage... Read More
Web design is a very competitive area and there is... Read More
If you'd like to create/maintain a website, having some HTML... Read More
10 Basic Things Your Website Should Have ...__ all short... Read More
The icons in an application are the soul of the... Read More
How many times have you clicked on a website only... Read More
Once, I attempted to create a favicon (the little graphic... Read More
If you are reading this, I assume you either have... Read More
What dollar amount does your web site contribute to this... Read More
Out there in the WWW there are thousands sites using... Read More
On the internet we don't deal with face to face... Read More
Many businesses want a simple website where they tell people... Read More
Web Design |