Article:
Why Use a Web Design Template?
By Julia Jackson
What is a Website Template?
Many smart and savvy businesses are choosing to use a website template, and avoiding employing a professional designer. Why? Well, there are clear benefits: saving on cost, saving on time, and ensuring quality.
Web templates close the gap between the amateur website owner learning to create his/her own website, and a one-off custom design.
What is a website template? A web template is a ready-made design for your website, including images, some navigation, preferably several sample pages and in some cases Flash animation. However, it has no content related to you or your business – that must come from you! Remember that a web template must be customized / modified (to whatever degree you are comfortable with) to turn it into your very own website.
What about hiring a website designer, or using a quick-and-easy tool to build your own website?
The answer to this question is easy – your, and your business’, professional image. There is no other way to say this - if you do not have appropriate web / Internet design experience, don’t put together a quick and dirty website and expect it to be a professional portrayal of you / your business!
So then do you have to spend a lot of money having a website custom designed for you? Well, you could. But you no longer need to!
A low-cost, but professional design
While selecting a ready-made web design template, you will probably browse through a collection of different website designs until you find one (or a few) that you like.
Expect to be able to at least see a screen capture of what your web page will look like, and hopefully a “see-in-action”– which lets you see exactly what you will be getting.
Choose your template carefully, and you will have a professional design, executed by a qualified designer with all due attention to accessibility, standards compliance, browser quirks and a lot of other things that you would not want to have to learn about from scratch, yourself! All for a fraction of the cost of hiring a custom website designer or design firm.
Avoid the common mistakes made when choosing a website template
Don’t assume that every last thing within the template can be changed, easily. Of course anything can be changed if you have graphics knowledge, but for the novice, if you’re unsure whether a particular graphic used can be easily replaced by your own image, ask the template designer! This is why it is best to choose a template store where the template designer provides personal support for his / her designs.
Sometimes one or more elements of the template design are intrinsic parts of the template, and cannot just be “swapped out” without technical knowledge. Good, professional template designers will offer a customization service to perform this kind of function for you.
What a template is – and isn’t
The website template you have chosen is a look-and-feel for your site. Some high-end templates have database back-ends and so on built in, but straightforward website templates are generally a “shell” for your website. Adding the content which is specific to your website, and “making it your own”, involves editing the template. Fortunately, these days html / web editors are very easy to use, but be aware that you will need to do add content to the template to make into your website.
You will want to add your own text, set your meta tags (keywords and description), and possibly insert some product images into your product listing pages (if applicable).
Not the only one!
Most website templates are sold more than once – which technically means that you won’t have the only website on the Internet that looks like yours. However, don’t consider this a problem – with Google having over 8 billion sites (May 2005) in its inde, the chances of someone seeing another site that looks like yours are tiny. However, if you need a copyrighted design, ask the template designer about buying the template for exclusive use. This will increase the price though, and also depends on the template not having been sold before.
Web site templates are a cost-effective way to produce an attractive, professional website at a fraction of the cost of hiring your own web designer.
Julia Jackson is the owner of Xenon Web Services, specialising in website design and database design, as well as an online store of original, professional website templates.
http://web-site-templates.info
http://websitetemplates.co.za
Articlel 2:
Creating a Basic Web Design Template
By Rick Hendershot
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.
books and resources:
Microsoft Front Page 2003 - Always easy to use and always good to have. Even if you use an outside web design company, any webmaster or owner should have a copy. Being able to edit your own sites when you want is huge.
Adobe Creative Suites Premium 1.1 - One of the best and most widely used graphic and illustration suites. Photo and graphics editor, designing and much more. Adobe is a solid producer of web software.
Professional Web Site Design from Start to Finish - This book starts from the assumption that you have the right tools -- an Internet connection and a web authoring program or an HTML reference book -- to begin with. (If you don't, the first chapter will bring you up to speed.) Then in clean, clear language, it steps you through the web design and development process from start to finish, from a successful studio owner's perspective: Brainstorming site goals, gathering and converting content, developing a strategic site architecture, balancing elements of tone, message, and navigation, prototyping and presenting designs, organizing and trafficking files, production, subcontracting, publishing and promotion. Whether you're working on a 5-page site for your community organization or you're the project manager for a huge portal site for a Fortune 100, this book will provide you with the essential strategies and checkpoints that ensure a successful web site.
Flash Web Design - Written from a personal, creative, professional perspective, Hillman drills deep into nine high-profile Flash projects that he¿s created. He explains why and how he designed the project as he did; then he deconstructs and explains step-by-step the major aspects of that project¿s Flash component. All screenshots have been updated to show how each project is create using Flash 5The chapter that drills deeply into ActionScript (Chapter 8, MANIFESTIVAL deconstruction, Understanding Flash ActionScripting), has been rewritten from the ground up to show how this is done in Flash 5¿s considerably changed ActionScripting environment.