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. style sheet sample 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 style sheet sample.
Rick Hendershot is a marketing consultant, writer, and internet publisher who lives in Conestogo, Ontario, Canada. He publishes several websites and blogs, including style sheet sample. This network provides an inexpensive way to advertise your website, and get as many as 100 low cost links.
Lincoln Stretch rentals Alsip ..Thinking about designing your own website? Think again about adding... Read More
Being a writer, when I was asked to do some... Read More
Should Generating Revenue From A Website Be The Prime Motivator?... Read More
My mother used to take me along when she visited... Read More
Creating an appealing, functional, and effective Web site is much... Read More
Gone are the days when you had to rely on... Read More
Here's the single most important part of your website: YOUR... Read More
As a webmaster you already know how important it is... Read More
You're all ready to get started creating your web presence... Read More
The landing page or entry page of your visitors is... Read More
Choosing the right typeface for your website copy is important,... Read More
Hire a designer or a programmer for your website is... Read More
ASP.NET is a new programming framework from Microsoft for developing... Read More
Does website design make a difference in how long people... Read More
We've all seen and read product testimonials. They're a very... Read More
On the internet we don't deal with face to face... Read More
Whether you're hiring a designer who has created 10 sites... Read More
Do you want to use unsafe web colors without offending... Read More
Whether you are planning on having a website built for... Read More
Before you start worrying about marketing your website on the... Read More
I'm sure you've all heard the saying 'Build it and... Read More
1. Repackage your web site content in to different products... Read More
A highly effective website will always reflect its highly effective... Read More
There's no doubt about it - the first page your... Read More
It is a well-known fact that a successful business depends... Read More
Western Springs shuttle limo ..I'm sure you've all heard the saying 'Build it and... Read More
A picture is worth a thousand words.And it still is... Read More
Last Thursday afternoon I was working on a garage door... Read More
Creating your own website can be fun and easy, as... Read More
Almost everything is available on the web? products, services, e-books,... Read More
Since I made the switch 6 months ago to a... Read More
With so many different configurations internet users have their computers... Read More
Let's look at what your user wants to see at... Read More
Regardless whether you manage a small business, charitable organization, or... Read More
Studies done by Jakob Nielson the man touted as the,... Read More
Do you know why the majority of people use the... Read More
You have identified that to have an internet prescence would... Read More
Website design is a very competitive area and there is... Read More
It's been said again and again, when it comes to... Read More
What Will My Site Do?This is the first of eight... Read More
Just what is web copy? Some people think that web... Read More
If you are going to be placing ads on your... Read More
It's a fact, Page Not Found, known as a 404... Read More
Over the years, the internet has grown into a marvelous... Read More
I am constantly bombarded with all sorts of advertisements, single-page... Read More
Congratulations! You've got a brand new site and it's doing... Read More
If you're not getting a lot of traffic to your... Read More
To create professional websites is not an easy task by... Read More
Q: Should I build and maintain my business Web site... Read More
The Internet is a relatively new medium. What works for... Read More
Web Design |