Webmaster Papers








Why a CSS Website Layout Will Make You Money


Although CSS layouts have been around for years, they haven't become so commonplace until recently. This was basically due to limited browser support (especially from Netscape 4) - nowadays though, CSS 2.0 (which introduced positioning) is compatible with over 99% of browsers out there (check out the browser stats over at http://www.thecounter.com/stats/2004/August/browser.php).

So, why should you convert your website from its current table-based layout to a CSS layout? It'll make you money. Simple really. And here's four reasons to explain why:

Reduced bandwidth costs

Web pages using CSS for layout tend to have much smaller file sizes than those using tabular layouts. It's not unusual to see reductions of 50% or more in file size when switching from CSS to tables. Smaller file sizes obviously mean reduced bandwidth costs, which for high traffic sites can mean enormous savings.

The main reason for this dramatic decrease in file size is that presentation information is placed in the external CSS document, called up once when the homepage loads up and then cached (stored) on to the user's computer. Table layouts on the other hand, place all presentation information inside each HTML, which is then called up and downloaded for every page on the site.

Additionally, CSS can be used to replace JavaScript image rollovers, again allowing a large reduction in overall page size. See the article, CSS navigation menu for more on this (http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml).

A higher search engine ranking

A CSS-based website will appear higher in the search engine rankings for three reasons:

- The code is cleaner and therefore more accessible to search engines

- Important content can be placed at the top of the HTML document

- There is a greater density of content compared to coding

A higher search engine ranking means more site visitors, which, provided your website is usable, should lead to an increase in enquiries or sales.

Faster download speed

A faster download speed will make you money? Well, yes. Slow download speed is often cited as one of the biggest usability complaints for websites. A faster download speed therefore leads to increased usability, and a web usability redesign can increase the sales/conversion rate by 100% (source: http://www.useit.com/alertbox/20030107.html).

CSS downloads faster than tables because:

- Browsers read through tables twice before displaying their contents, once to work out their structure and once to determine their content

- Tables appear on the screen all in one go - no part of the table will appear until the entire table is downloaded and rendered

- Tables encourage the use of spacer images to aid with positioning

- CSS generally requires less code than cumbersome tables

- All code to do with the layout can be placed in an external CSS document, which will be called up just once and then cached (stored) on the user's computer; table layout, stored in each HTML document, must be loaded up each time a new page downloads

- With CSS you can control the order items download on to the screen - make the content appear before slow-loading images and your site users will definitely appreciate it

Increase in reach

The more people you can reach, the more visitors you'll get to your site and the more enquiries or sales you should get. A CSS-based website is compatible with PDAs, mobile phones, in-car browsers and WebTV. Don't underestimate the importance of this: In 2008 alone an estimated 58 million PDAs will be sold (source: http://www.etforecasts.com/pr/pr0603.htm) and one third of the world's population will own a wireless device (source: http://www.clickz.com/stats/markets/wireless/article.php/10094_950001).

You can make an additional CSS document specifically for handheld devices, which will be called up in place of the regular CSS document, thereby ensuring your website is accessible to this lucrative market. This isn't possible with a tabular layout.

Conclusion: Switch to CSS!

Switching your website from a table layout to a CSS layout can be a long, arduous process, especially for large websites. Given the money making possibilities though, it could very well prove to be well worth it.

This article was written by Trenton Moss. He's crazy about web usability and accessibility - so crazy that he went and started his own web usability and accessibility consultancy ( Webcredible - http://www.webcredible.co.uk ) to help make the Internet a better place for everyone. They offer fantastic accessibility & CSS support packages, which you can read all about at http://www.webcredible.co.uk/support .

RELATED ARTICLES


Your Website Should Be Selling
It may come as some surprise to a traditionally off-line business that their website should be attracting new sales, or at least supporting the sales they have made. There is a common misconception that a website is more of a cost than an asset. When I ask companies why they would like a website the common answer is, "I don't know?" It seems to me that having a website is more of a reflex than something that is planned to help grow sales for the company. In other words, "Every business has one, I should too."
What Does An Ex-Basketball Coach Know About Pulling Web Metrics?
In my previous life.....
Ten Quick Tests To Check Your Website For Accessibility
The Disability Discrimination Act says that websites must be made accessible to disabled people. So how can you check that your website is up to par? There are a number of basic tests you can make to address some of the main issues that provide a good start in increasing accessibility to your site visitors:
Ever Wondered What Challenges Other People With Their Web Site?
Have you ever wondered what challenges are faced by other webmasters and owners in the design and promotion of their websites, well I certainly have and so I decided to try and find out.
Where?s Your Web Site?
This simple question can take on several different forms, but if you have your own web site, all are equally important. Don't worry, this isn't a sales letter, and it's well worth a read.
Make Your Own Website - General Website Design Tips
Wow, we`ve already taken a domain and chosen a web host. Great job ! Now it`s time for something special: making your own website. You could`ve completed this step before, but at the time you`d had finished it, the domain name could`ve been taken. We don`t want any complications right ?
Web Accessibility Myths
With more and more countries around the world passing laws about blind and disabled access to the Internet (including the Disability Discrimination Act in the UK), web accessibility has been thrown into the spotlight of the online community. This article attempt to put a stop to the misinformation that has been thrown around and tell you the truth behind web accessibility.
Do Dancers Need A Website?
Dance is how you pamper your soul and satiate your creativity. Mesmerized and overwhelmed with the pleasure that the dancer relishes while dancing, often there are some practical aspects that tend to get overlooked. As a dancer you might think: Why do I need a website at all? There is nothing I have to advertize!" That is not really so. As a dancer myself, I discovered the amazing advantages of having a website.
Whats Your Business Online Attitude?
This article was prompted by some customer support work I was involved in for a private members site. One of the paid subscription members wanted someone to look over his website and give an opinion of what we thought of its design.
Internet Marketing Website Promotion -The 7 Biggest Mistakes I See People Make With Websites!
1. Many people are not getting good or complete advice. Often for example people don't understand all the concepts of Internet Marketing and having a website so they simply pay to have a website developed. Often this website may look good but it falls far short in the area of being "search engine friendly". This is typically because many businesses that deal with the web are very one track focused.
PIM Team Case Study: Creating Text Effects With PHP and GD
See how you can create graphic effects on text with PHP and GD - drop shadows, arcs, fonts and colors.
10 Simple Steps: Its Magic If You can E-Mail You can Update Your Web Page Dynamically
Dynamically Update Your Web Pages Via E-Mail
Functions and Subroutines in ASP
If you read our Tutorial on Include Files (SSI) then you learned how to encapsulate ASP code within include files and the benefits it brings us. As developers, we should endeavour to make our lives easier wherever possible... no one wants to re-invent the wheel after all. Functions and Subroutines exist to not only save us time, but to bring power to our ASP. They are just another way of encapsulating code, but have a lot more functionality than just 'saving some code for later'. First, let's look at Functions... Imagine a balloon salesman in the street. We've all seen them they require one piece of information when you buy a balloon, the colour. Let say we asked for a red balloon... The balloon salesman armed with this 'information' then does a pretty basic action... he hands you the balloon. The balloon you received is a direct result of the information you gave the balloon seller. Functions are just the same... they return to you a value based on the information you provided. Lets look at an example Function: - <% Function getBalloon(strColour) Dim Tempstr strColour = lcase(strColour) 'This converts the value lowercase. Select Case strColour Case "red" Tempstr = "Here is your red balloon" Case "yellow" Tempstr = "Here is your yellow balloon" Case "green" Tempstr = "Here is your green balloon" Case "blue" Tempstr = "Here is your blue balloon" Case Else Tempstr = "Sorry, we have sold out of that Colour" End Select getBalloon = Tempstr End Function%>
UK Online Shopping with an Edge, for Buyers and Sellers Alike
Any new website competing on the internet, needs to take its business seriously, as there is so much competition around. So, there needs to be an edge on quality, content, and general user appeal.
Are You Being Scammed By Your Web Design Company?
This is a growing concern amongst many business owners. Does your web design company own you? This may be possible if you've allowed them to host your web site for you and also register your domain name for your company.
Stop Losing Precious Web Site Traffic to the Dreaded World Wide Web Black Hole
You work hard to build traffic to your web page. If you are not doing 1 simple step you are loosing a portion of all your web site traffic to the dreaded World Wide Web Black Hole.
Make Your Web Site Stand Out
When visitors add your web site to their Favorites or bookmark your site, what shows up in their list of sites? There are at least two things you can do to make sure your site stands out on anyone's list of Favorites, including a great idea that very few sites use. If you have a webmaster, he or she should be able to make these changes quickly, and those who maintain their own sites can easily handle these simple tasks.
Earn On Offshore Web Design and Development
If you have some experience in web site design and want to make good money you can try acting as IT-outsourcing partner. Learn more what you should know and how to start.
Build or Buy a CMS?
However, careful analyses often reveals dangerous pitfalls and serious short comings with many custom built content management systems.
Ebooks for Webmasters
Internet has opened a whole new world for web developers and web designers who are looking to get their websites developed that are finally launched on the huge world of World Wide Web. Keeping that factor webmasters are the people who have to face a lot of problems mainly due to the entrance of new software, programming languages and viruses that are a real threat for the webmasters.