CSS Website Design

Cascading Style Sheets (or CSS for short) have slowly but surely become a website design standard over the past few years. It was not that many years ago that people used Frames to position their content across their web pages and Tables gradually replaced this. Many low-end website developers are still very comfortable with Tables, as it 'does what it says on the tin'. However, more and more people are now moving over to CSS, as virtually all the layout options can be achieved using the code.

One major problem with CSS is that not all Web browsers produce the same results and it has not been helped in the past by the various browsers employing their own way of interpreting certain CSS conventions. You can think your CSS design looks OK in the current version of your preferred browser and can then be crestfallen when you view your Web pages in another version that has destroyed the formatting. Therefore, when moving over to CSS, it is important that you use the capabilities that are consistently supported across the entire range of popular browsers. It is interesting that the new version 7 of Microsoft's Internet Explorer has fixed a number of earlier anomalies, but many people are now waking up to the reality that IE7 has in fact caused problems arising from their earlier workarounds!

So why not bother with CSS, if Tables work for you? The principal advantages are as follows:

1. Web page code is generally much easier to follow;

2. The amount of code used to achieve the same result is much less. The general view is that by switching to a CSS layout, the typical page size reduction is between 50 - 60 per cent;

3. Download speeds for CSS pages are generally faster than their Table-driven counterparts. This is because browsers have to read through the table code twice before they are able to display the contents. They do this firstly to figure out the structure and then again to understand the content. It should also be recognised that a Table's contents can only be presented to the screen in one go, whereas CSS content will drop in separately, thereby giving a better user experience. It is also possible to govern the order in which specific screen elements appear, so the user is not distracted by the more bulky and slower to load image files. Furthermore, because all the code involved with CSS page layout is held in one external CSS document and is cached, it is faster than Table layouts that need to be interpreted every time a new page is displayed;

4. It is much easier to edit existing pages and to add new pages, particularly in the area of subtle formatting amendments. For example, you can change the font or colour scheme across an entire website in literally minutes;

5. CSS delivers enhanced accessibility. In recent years the number of people using web browsers on hand-held devices has risen significantly and CSS plays an important function in delivering content to PDA's etc through additional CSS documents. This just isn't possible with Table-driven layouts;

6. CSS is considered to be more Search Engine friendly because they can spider CSS pages quicker. However, it remains to be seen if this has any tangible benefits such as an improvement on the your page ranking.

On the flipside, there are a few disadvantages to CSS web page design you should consider:

1. As compared with Tables, CSS involves a much bigger learning curve;

2. Because of cross browser support issues, the time spent implementing workarounds should not be underestimated;

3. New browser versions can catch website developers napping if you are not careful. You can find that earlier workarounds have been overcome and the look of your website has changed overnight.

Ultimately, your decision on whether or not to move over to see CSS will probably depend on your level of technical capability and the time you're able to devote to understanding CSS layout alternatives.

About the Author

David Sielicki is Features Editor with Fetcher the UK's products and services directory. He is also a freelancer with Web Affinity

Source: Web Design Articles on ArticlesTree.com





Recent Web Design Articles

Web Design Secret ''" Getting Started Is The Hardest Part
Do you realize thousands of new Websites are added to the incredibly vast catalogue of cyberspace every month? That’s really amazing, especially when you consider this could literally go on forever and the Web would never get “filled up”.

Breaking Down And Analyzing Your Design
What a graphic designer usually does is to mix all the basic ingredients to reflect a particular mood or style in any color printing ad they create. The fonts, the graphic images, the design as well as the color - all of these elements are combined to come up with an ad that would definitely get your target readers' attention.

The importance of web design to your business
The page design of an online business is very valuable and should be taken into consideration if you are planning to start a business. There are plenty of available options and methods and this might bring confusion to you.

Clients From Hell
As a designer, this article is aimed specifically at other designers who have felt my pain! And if you're just breaking into the industry - understand that no matter what you do, you won't be able to avoid the inevitable "Clients From Hell".

Techniques for effective website design
Website design is considered as an important process in advertising a business and can be a very challenging to the designer and webmaster who are engaged in this process. Web design is basically a concept or process of planning, executing and modelling of electronic media content that is delivered with the help of internet.

Web Development and Maintenance Services
In today's competitive world, the importance of web development is just cannot ignored. Every organization has realized the usability and need for professional web site development in order to earn the trusts and confidence of valuable clients throughout the world.

Web site designing and development
Web site designing and development started almost a decade ago but it still have same importance and value. Cyber space is mainly crowded by web sites and new ones are coming in thousands on daily basis so still there is room for web site designing and development companies.

Ingredient Of A Successful Business - Logo
A good logo recipe can let you have a ‘tasty, finger-licking-good’ logo, which makes your business prosper, has to have all the important ingredients added to perfection. With all the ingredients added to its measurement, a logo can boost your business visibility, increase your integrity and make your business unforgettable to its customers.

Web Design: First impression is the last impression
First impression is the last impression; this statement is true for individuals and it applies with the websites also. Millions of people are searching for various products and services over the Internet.

Five layers of separation - designing high quality dynamic websites
Websites are evolving and becoming more dynamic and more interactive. This means that the sites themselves have to cater for more and changing content and a variety of ways of interacting with the site.

How to plan out design projects
A new web site typically takes about three weeks (depending on size and complexity of web site of course). It is really impossible to say a small business web site will take 3 weeks without reviewing the necessary items and creating a detailed outline of what all will be done, what order and time expectancies for each.

How to Get Your Site Visitors (NOT) Doing What You Want
This morning I took a phone call from a young guy who was trying to sell me the benefits of signing up to a new website which had just been launched with registration being offered free of charge as an enticement.

How to Contract a Web Developer: Part I
The initial client-developer discussion is an integral part of the Web design process. This article will take a look at both the client side of the development procedure, as well as the best practice methods for Web developers to employ when speaking to their potential business partners.

The A-Z of Web Design Services
Web design services, in simple terms is the representation of content that is related to a business and uses graphics and designs on the internet in the form of a web application. The website is the most essential feature in online marketing.

E-commerce Solutions - Joomla Development
S-Axxis is a premium software solution company that's known for the quality and the thoroughness of its solutions. We believe in thinking out of the box to improve the clients business by any means and technology possible.