CSS or Cascading Style Sheets has opened up tremendous possibilities for improving web site designs, web page layouts and adding new features. The HTML code can be made shorter, cleaner and simpler by CSS resulting in faster loading of web pages, and making them more accessible to search engines. Here I am narrating my experience with only one part of CSS - using it to eliminate tables.
If you look at a traditionally designed web page, you are likely to find number of tables in the layout. Tables were earlier used only for displaying information in a tabular form. But web site designers soon started using tables for other applications such as showing images, graphics and other decorations.
My own web pages were earlier checkerboards of tables. Each web page was almost fully covered with tables and many tables were nested inside other tables. As I tried to add more features the design became more and more complicated resulting in longer loading times. It also took lot of time to "adjust" the tables on the page to make it acceptable.
It was not an easy task to redesign all the pages using CSS. But once I started, the improvements were more than I had bargained for. The design became simpler, the appearance improved and loading time came down considerably. The code looked real clean. Most of 'td' and 'tr' tags were gone.
My purpose of this exercise was not really to change the appearance but to make the design simpler. Now the tables which were earlier used only for design purpose have been eliminated. For eliminating tables first step is to decide which tables or more specifically which cells have to be removed. For applying CSS each cell of a table can be considered as a "box". These boxes are given separate identities and description of each "box" goes into CSS code. The "boxes" can be given names such as box1, box2 etc. The description of the "box" can include size, its location on web page, background color and image if any, font details, padding, border details etc. The location of the "box" can be made "fixed" on the web page, or it can be floating in which case location can be defined with respect to another "box".
If the location and dimensions of the boxes are properly worked out, they neatly fit into the web page giving it a clean look. Since the code associated with table designs are done away with, the content of the page attains more prominence in the code. This makes it easier for search engine spiders to locate the actual content of the page.
If you have several web pages with similar design, the CSS code with these and other details can be put in an external file. This will further shorten the code for each page. With CSS lot many improvements can be done in web page design and layout. CSS can also be used for search engine optimization of the page.
My experience with CSS has been great and I wonder why it is not used more often. My advice - convert to CSS based design.
Sanjay Johari contributes articles regularly to various ezines. His website contains information, articles, resources, opportunities and more for small business owners and home based business owners. http://www.sanjay-j.com
Join the longest running internet business opportunity - because it works! http://www.sanjay-j.com/empowerism.html
If you've a website that is not generating a lot... Read More
Want to know what the worst thing to say on... Read More
Nope. You certainly don't need a website.But you don't need... Read More
This is a two-part article about creating a web site... Read More
There are two important reasons to build your website from... Read More
You can create a website that attracts customers, not repels... Read More
Out there in the WWW there are thousands sites using... Read More
Copyright 2005 Robert EvansSetting yourself up to earn a steady... Read More
Building a website that is exactly what you want and... Read More
Squeeze pages are a very hot topic in the internet... Read More
Any kid, and their grandmother too, can make a webpage.... Read More
You just created a new web site but want to... Read More
When you develop a sales brochure, you have a mental... Read More
Many Internet sites that try to sell you something have... Read More
Developing a software application is not easy at all; apart... Read More
This is a very perfunctory look at the website code... Read More
Let's face it. Buying products and services from the Internet... Read More
In my web surfing adventures, I've found a few site... Read More
A highly effective website will always reflect its highly effective... Read More
Getting a customer is not easy.Getting a visitor to decide... Read More
As part of your event planning you should seriously consider... Read More
The best things don't come easy. - QuotedThe finished web... Read More
Then it was a choice among crayons, paints and palettes... Read More
Color is everywhere and conveys a message even if we... Read More
You have good traffic, but low client sign ups and... Read More
Have you ever walked pass a shop that, for some... Read More
From my personal experience of around two year as home... Read More
This is my second article on maximising web site viewability.... Read More
There are many ways to add fancy bells and whistles... Read More
Setting up a survey on your site is extremely simple... Read More
Square buttons, round buttons, flashy buttons ? will they match... Read More
The first immutable law of effective navigation: It's gotta be... Read More
You've thought about it and you're ready to go. You're... Read More
As search engine marketers, we spend an enormous amount of... Read More
If you've a website but not making a lot of... Read More
If you have a business, big or small you may... Read More
Whether a business has just got off the ground or... Read More
Creating your web site can be a tricky process. Choosing... Read More
Since I'm a web designer, I have a tendency to... Read More
Tips to brand your websiteInclude your logo in all pages.... Read More
Websites, there's literally billions of them out there in cyber-space.... Read More
Remember the famous line from the movie Field of Dreams,... Read More
There are plenty of web sites out there in which... Read More
Part one of this article is available at ... Read More
It seems more and more webmasters are using CSS for... Read More
To build a website, there are four methods to choose... Read More
In my last article entitled, Maximizing The True Value Of... Read More
When creating an e-cover the what's the first thought that... Read More
When you start building your online business and search for... Read More
Design sells. It's something that all of us know, but... Read More
I want to give you a free web page template... Read More
Do you remember playing with the jack-in-the-box toy as a... Read More
You have probably viewed many Flash-based components while surfing the... Read More
If you have a web site to which people pay... Read More
The ability to create simple, attractive and functional web pages... Read More
How often, men, have you come home to find the... Read More
(1) Create a Direct Response Website, with the minimum number... Read More
Due to the large number of people offering website design... Read More
On the internet we don't deal with face to face... Read More
There are plenty of Drupal Modules that you can install... Read More
Think of the people who visit your site as blind... Read More
Here is a quick list of components that make a... Read More
You can create a website that attracts customers, not repels... Read More
So your web site's online and you've got high rankings... Read More
Gone are the days when you had to rely on... Read More
Are you looking for somebody to build you a website,... Read More
Web Design |