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.
detailed home cleaning Park Ridge ..Due to the large number of people offering website design... Read More
Are you in a dilemma whether to create a mini... Read More
Whenever singer John Mayer sings his romantic song, "Your Body... Read More
I've written about META tags in the past, and I... Read More
Public domain gives you a head start creating ebooks, ecourses,... Read More
Owning your own website is a must if you are... Read More
Colors have long been known to have psychological affects on... Read More
There are many ways to add fancy bells and whistles... Read More
Designing your website can be a difficult task especially if... Read More
Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all... Read More
As a graphic designer, you are sitting on a gold... Read More
The landing page or entry page of your visitors is... Read More
What the heck is going on lately? Most internet websites... Read More
Well it is not Elvis, that's for sure.I am a... Read More
You can create a website that attracts customers, not repels... Read More
CSS or Cascading Style Sheets has opened up tremendous possibilities... Read More
You have created your custom error page so now all... Read More
You've thought about it and you're ready to go. You're... Read More
Being a writer, when I was asked to do some... Read More
The HTML editor is usually a webpage design software that... Read More
When I surf the Net, I often see web sites... Read More
If you have a website, you want your visitors to... Read More
Physical therapists have unique web presence needs. An effective site... Read More
Since I'm a web designer, I have a tendency to... Read More
I taught myself HTML back in the mid-nineties and was... Read More
express cleaning service Des Plaines ..So you need a website. You are not sure if... Read More
There are lots of websites out there that do little... Read More
Choosing a web designer can seem like a daunting task.... Read More
You know that I'm always extolling the virtues of an... Read More
So you've decided to take the plunge. You know that... Read More
The way you design your web site affects your visitors'... Read More
Projecting a professional image is paramount to your website's success.... Read More
When you design a website how do you start ?Do... Read More
I've written about META tags in the past, and I... Read More
Every day internet marketers are inundated with the latest fad... Read More
Web advertising has taken many forms, including those that appear... Read More
Remember the famous line from the movie Field of Dreams,... Read More
You have only 10 seconds to impress your potential buyer.... Read More
The top ten fonts for website design might change in... Read More
This may comes as a surprise to you but, if... Read More
Do use a consistent look and feel Your site should... Read More
Does your website need a re-design? Here are some questions... Read More
Here are 10 dynamic website advertising tactics to super-charge your... Read More
There are six important characteristics that can play a major... Read More
1. DO NOT use excessive graphics or banner images on... Read More
The internet is full of web design companies pleading for... Read More
Let's face it. Building a web site that browses consistently... Read More
Just what is web copy? Some people think that web... Read More
You know... Before purchasing your product a person comes to... Read More
Graphics are fun, but if you put in too many... Read More
Web Design |