Home   |  Power Listings  |  Free Web Tools   |   Resources  |  Reprint Articles   |  Links  |   Contact Us


Web Design
Website Design
Graphic Design
Website Building
Website Consulting
Websites

Linknet Pages on
this site


Linknet Articles

Web DesignBooks

1-Webworks.com - Domain name searching and registration, website hosting, website concept development and design, sales-oriented copywriting, custom designed graphics, Search Engine Optimization, and much more.

Software - it bøger - it kurser - Vi er danmarks største specialiserede softwareforhandler og tilbyder markedets mest kompetente service inden for software og licensaftaler.

Earn up to 75% of PPC Revenue - Premierad.com pays webmasters up to 75% of advertising revenues to place contextual ads on their websites or blogs.

Calloway Communications is a advertising agency, specializing in website design and search engine optimization. Calloway Communications can walk you step-by-step through the process of developing, implementing, and tracking a successful web strategy.

Web Design Tips and Techniques - Information and resources, templates, free tools for building effective websites that get traffic and targeted visitors.

Søgemaskineoptimering - flere besøgende fra søgemaskinerne - Søgemaskineoptimering - Bliv set i søgemaskinerne vi optimerer dit websted så det kan findes i søgemaskinerne.

Online marketing - Internet marketing - Internetmarkedsføring er fremtidens markedsføring - Online marketing på Internettet, din vej til succes i søgemaskinerne

Hosting samt webhoteller - Vi er et Internet firma med speciale inden for områderne web-hotel, domæneregistrering, hosting, web-design og Intranet løsninger samt programmering.

Lokalnyhederne - Her finder du lokalnyhederne på Amager.

Amagerbladet - Nyhedsiderne samt lokaloversigt med horoskober mv.

 

 

For advertising information see Linknet Promotions. Get your text ad on hundreds of pages, including blogs and articles distributed on many websites.  

Creating a Basic Template System

Creating a Basic Template System

by Rick Hendershot, 1-WebWorks.com

What is a web "template"?

As I understand this term, it is a design format which you can apply to all (or most) of the pages in your site. The advantage of using a "template" system understood in this way is that it allows you to make your most important design decisions at the beginning, and then just focus on content.

The disadvantage is that many template-based websites look homogenized and lacking in unique character. Designers who sell templates tend to use the same formats over and over again, insert the same generic images, use the same techniques. I have never found one that I consider ready-to-go right out of the box. They always need modification, and often modifying a professionally prepared template is difficult because the designer will have used techniques you may not fully understand.

So I prefer not to think of templates as the kind of thing you buy from an online template store. Rather I prefer to think of them as simply a basic page format that can be used over and over again.

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. I recommend you 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.

The simplest 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) Sample-1.css. This template contains a definition for the body text, a header component (with a background image), a "navbar", a definition for two headline style h1 and h2.

Now 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 website containing a number of interlinked pages.

Web Design
Web Hosting


This site is a member of the Linknet network of websites.
Owned and operated by Linknet Promotions, Conestogo, Ontario, Canada, www.small-business-online.com
Copyright (c) 2004-2005 All Rights Reserved