CashCome.com Articles Pages

Why a CSS Website Layout Will Make You Money

Download eBooks and Software

Ringophone.com: Best Selling Ringtone Site
Earn 75% Per Sale! Big Variety Of Great Products To Promote: Ringtones, Mobile Games. Plus Great Software: Flash Web Menu Maker, Wav To Midi Converter, Flash Text Effects, Video Chat Virtual World. Affiliates Join And Start Making Big Money Now!

Curationsoft Marketing Software
Earn 40% On An Easy Sell. Easily Post Content Across The Web Using 8 Different Sources With Drag And Drop. Converts At 3% To Cold Traffic! For Affiliate Tools Visit: Http://curationsoft.com/affiliates

Winslips - Amazing Lottery Application!
Web-based Lottery System. Real Test Results Published On Live Blog. Makes It Easier To Win Your Local Pick 4, Pick 5, Pick 6, And Pick 7 Lotto Game. Perfect For Low-budget Players. Integrated One Ticket System. No Hype, No Bull. Brand-new!

Articles > Web Development

Why a CSS Website Layout Will Make You Money

by: Trenton Moss

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.

About The Author

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.

?>

News on Web Development

Web Development Firm theREDspace Partners With ModelKarma For Its Global Brand Expansion
Firm Is Helping Build The World’s Largest Online Modeling CommunityNew York, NY (PRWEB) May 24, 2012 ModelKarma, which is aiming to become the world’s largest online community and a virtual agency for both aspiring and established models, has hired web development firm theREDSpace to bring their vision to life.Headquartered in Bedford Nova Scotia, Canada, theREDspace is an interactive ...

Mozilla announces web development initiative
Users can learn web development with provided authoring tools, and existing developers can volunteer to run their own events.

oniric.com
Find Web Designers For Your Business In 3 Easy Steps NOW! Compare Price Quotes & SAVE!!! http://www.WebDesignPriceQuotes.com Web development services for any budget. Utilize our extensive experience in Design & Development, CMS, SEO, E-commerce and more. Get your free consultation and quote today.

Razoa Releases Preview of New Java Web Application Development Tool
Alpinia accelerates and simplifies the web application development processSan Francisco, CA (PRWEB) May 24, 2012 Razoa, LLC, an enterprise software company based in San Francisco, today launched a preview of its innovative Java web application development tool that greatly simplifies the development of professional web applications. Designed for Java developers, the Windows version of this new ...

Maxthon Advocates for Next Generation of Privacy and Web Development at W3C
SAN FRANCISCO, May 18, 2012 /PRNewswire-Asia/ -- Maxthon ( www.maxthon.com ), a global software and web services company, led a spirited conversation about the need for China's Internet industries to proactively ...