Here's an analogy for you. Yesterday, I was working my butt off in the gym on the cardio machines, panting wildly with sweat dripping off me and my face as red as a beet. Not the most attractive sight, but I figure, you're at the gym to work out right? I might as well "go hard" or "go home", as they say.

As I looked around me, I could see all these people simply going through the motions. There they were, minus perspiration in their shiny new lycra and expensive gym shoes, casually walking on the treadmill or lazily turning the wheels on a bike while reading a book or glued to the TV screens in front of them. Only a few seemed to be there for the actual purpose of working out. The rest seemed to be there to check out the talent or to simply keep up the appearance of fitness, while doing the bare minimum.

Huh? I don't get it. Why have these gym bimbos paid so much money for a gym membership and all the related gear if they aren't going to take full advantage of their investment?

Then it struck me - these gymbos were just like those companies who spend thousands of dollars on a shiny new website with all the bells and whistles like graphic design, blogs, shopping carts, web analytics, the lot and then fail to take advantage of it. I see it so often, regardless of company size. Web sites that could easily be bringing in loads of traffic and revenue simply wasting away because nobody can be bothered tracking visitor activity, analyzing trends or checking for search engine compatibility and usability.

These companies are simply keeping up appearances, investing heavily in Internet technology because their competitors are doing the same. But no thought has gone into the search engine compatibility of the site, how usable it is for visitors or whether it meets accessibility guidelines. They don't look at their site statistics, they don't check for broken links and they sure as heck don't investigate why their sites aren't converting traffic into customers. What a waste!

Is your web site working hard enough for you? Run it through the following 20 point fitness assessment to find out:

- Is your site fully search engine compatible? Are all your pages being indexed by the major search engines?

- Do you track your visitor statistics on a regular basis? Do you use the information provided by your visitor statistics to improve your site?

- Is your web site accessible to visually-impaired visitors? Does it meet the international standards set down by the Web Accessibility Initiative (WAI)?

- Do you know which sites and search engines provide you with the most traffic? Do you use this information to increase your traffic further?

- Do you track the source of all reported errors in your site statistics and fix them promptly?

- Do you know which keywords your site was found for in the search engines? Have you conducted keyword research to determine what search terms your target markets are looking for so you can optimize for them?

- Does your web site HTML code validate to W3 standards? Do you check for validation regularly?

- Does your site contain zero broken links? Do you check for and fix broken links regularly?

- Has your site been fully search engine optimized to integrate your target search terms into your Page Titles, META Tags and visible page text?

- Have you created and submitted an XML sitemap to Google Sitemaps?

- Have you created and submitted a sitemap to Yahoo Site Explorer?

- Have you checked to see if your site meets Google's Webmaster Guidelines?

- Do you measure your visitor sign-ups and conversions on a regular basis? Do you tweak your landing page copy to increase the conversion rates?

- Is your site navigation intuitive and are your visitors following the navigation paths you intended?

- Do you encourage feedback from your site visitors and provide an obvious way for them to provide such feedback?

- Are there at least 250 words of text on your home page to satisfy search engines?

- Does your site contain a visible, text-based site map to aid user navigation?

- Do you have an ongoing link building campaign running to secure more incoming links to your site and improve your site's link popularity score?

- Does your site have a high percentage of repeat visitors? Are the majority of your visitors staying on your site for more than a minute?

- Do your search engine referrals and site traffic figures grow each month?

Unless you can answer yes to all the questions in the above checklist, your web site is not working hard enough for you and needs a workout. Get to it!

There are a number of different browsers that you must compensate for when designing your webpage's in any format (CSS, tables etc.), some of the most common browsers are : Internet Explorer 6/ 7, Firefox and Safari. The main issues that arise with CSS design is that all browsers interpret CSS differently, for example Firefox does not understand some of the CSS commands that Internet Explorer does and vice a versa.

One of the main issues I have found when designing with CSS is a problem with margins in Internet Explorer 6. I found that when using a float on a div tag that also had a margin set, the margin would actually double and then knock the whole pages layout out. After numerous late nights and an insane amount of coffee I finally found a solution to this double margin bug. By inserting a simple line of code the double margin no longer double ! That solution is as follows, by adding this line of code to your CSS div tag 'display: inline'.

Another problem I have found with CSS in Internet Explorer 6 is a problem when trying to define a div tag that has a smaller size than the base font size. This problem again can be fixed with a simple line of code this time all we need to add is the following line of code to the div tag: 'font-size:0px'. There is also another solution to this problem that should have the same effect, because the div tag auto stretches to compensate for content overflow adding 'overflow: hidden' should also resolve the problem.

Unfortunately I have been unable to cover all of the cross browser issues that you may experience when designing with CSS, but most of the problems that you may encounter can be resolved pretty easily with simple trial and error. Happy designing!

Importance of a navigation scheme

One of the most important tasks when developing your website is creating a navigation system that is effective and easy to use. People have a tendency to try to include everything in the navigation tree all at once. Instead they should follow the same process as setting up the structure for the site and break it down in levels. This would be information relevant to the homepage that directs visitors to the main sections of the site. From the main sections of the site, the user gains access to the sub sections containing content pertinent to that section only. Remember to always include links back to the main sections and your homepage on every page in your site. While you are creating your navigation setup, try to look through your user's eyes. Remember, you are the one creating the structure, so you are biased in your opinions. If you think about what someone else might say or do, then you are one step ahead of the game.

As you create you website navigation, make sure that links can be added in the future with no difficulty. You must always keep in mind that your site must be flexible and open to change because it is never completed. All links should be clear and to the point. It makes no sense to have your visitor try to figure out where they are going. They should be able to quickly look for what they want and then access it in a timely and efficient method. There is a better chance of a visitor going somewhere else if it takes too long for them to find the information they are looking for. Your navigation scheme should stick out and be located in a common spot on every page of your site. Consistency allows your visitors to focus on the content instead of trying to figure another navigation system for the same site.

Linear navigation

Linear navigation provides the same capabilities as your forward and back button on your browser. With this navigation style, you cannot jump around and skip pages. Reading a book or viewing a PowerPoint presentations are also examples of linear navigation. As you read through the pages, it makes no sense to jump around or you might miss an important piece of information. People who create sites with this style often are directing the visitor from a starting point to a predetermined end in a step by step fashion. Your links will not allow the user to anywhere other than where you want.

Hierarchical navigation

Hierarchical navigation allows the visitor to go from a homepage to the main sections of your site and then to the subsections. Visitors can travel through your site without any restrictions. This type of navigation ties all the areas of your site together so any page can be accessed from another in as few clicks as possible. Hierarchical navigation is best used on sites that are filled with information and to be utilized like a library.

Sitemaps for navigating through your website

Sitemaps provide a list of organized links to the content of your website. The same way a table of contents tells you what is inside a book, a sitemap does the same for your website. Your visitors are given a one page view of the information structure that your site is based on. Sitemaps are not meant to be your websites primary navigation but more as a compliment to it.

Navigation bars

A navigation bar gives your visitors the ability to move between the different sections of your website. It should be placed on every page of your site and should be consistent as well. Placement of the navigation bar is entirely up to you. The navigation bar can go on the left side of your page because most people read from left to right. It can also be placed on the top of your page so it is the first thing your visitors see. Some people place it on the right hand side of the page intentionally making a visitor browse through content to then be able to navigate the rest of the site.

Theme and navigation links

The theme for a website is created with the way you use color, fonts and images. During the theme creation process, remember to not clutter your pages with unnecessary content that will draw your visitor's attention from the main content. There are many ways to create a theme. One example might be a newspaper look consisting of black and white colors with a plain font. Themes give a website character and often leave a strong visual impression on the visitor. Your website theme needs to be used on all your pages which helps tie your site together.

Navigation

Navigation of a website should be an easy process and not require the visitor to take much time in figuring out how to move through your site. Visitors have come to your site looking for information and should be able to find it easily. If a visitor has to waste time figuring out how to get what they want, they will go to another site. Navigation is not just for people, but search engines as well. Set up the navigation to allow search engines to follow the links to index your entire website. Your navigation scheme should appear in the same place on all pages. When a visitor navigates through your site, make sure they can flow through it. Do not set it up so a visitor has to use the back button of the browser to access another page. Through navigation, your visitor will have access to pages in your site, to other sites and to different sections of the pages on your site. You will need to place navigation menus in more than one area on your pages. There are many good ways to help the visitor move through your site. The most simple is a text link. The next is a navigation bar placed on the top or sides. Another is the use of graphic buttons created to help compliment the overall look of your site. It is always good idea is to include links at the bottom of your page in case someone does not feel like scrolling back to the top. Through navigation, your visitor should be able to get where they want quickly, know where they currently are on your site and be able to access other pages on your site for additional information.