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
shuttle from Midway Glen Ellyn ..When I surf the Net, I often see web sites... Read More
Whether you're hiring a designer who has created 10 sites... Read More
It's been said again and again, when it comes to... Read More
"How to turn "slightly interested" customers into "I've got to... Read More
Your website is your tool for showing the online community... Read More
Designing your own successful web page can seem difficult and... Read More
Most NGOs (Non-Governmental Organizations) don't understand these important aspects of... Read More
Before doing anything on the technical side, you need some... Read More
Before deciding on which web design company to choose, you... Read More
Your website design may be affecting your sales in ways... Read More
There are several very good reasons why you should consider... Read More
There is unlimited possibilities when it comes to designing a... Read More
Owning your own website is a must if you are... Read More
I want you to imagine a lemon. In your mind's... Read More
In this article I will give advice and tips of... Read More
You've come up with a great product. You've got the... Read More
There are many different website design companies, offering different facilities... Read More
Projecting a professional image is paramount to your website's success.... Read More
New Web sites are springing up online by the millions.... Read More
There's no doubt about it - the first page your... Read More
Have you ever been to site with so much ad... Read More
A question we frequently get asked is, "how do we... Read More
Website Design Usability Tips1. Getting to know about audience membersYou... Read More
Are you looking for somebody to build you a website,... Read More
Reading on the web is different than reading in all... Read More
shuttle from O'Hare North Chicago ..Even after you've managed to bring traffic to your site... Read More
Almost everything is available on the web? products, services, e-books,... Read More
First you need original content. Content is the heart beat... Read More
The Basics You have a flourishing business ? everything is... Read More
To create your own great banner, you only need five... Read More
Color is everywhere and conveys a message even if we... Read More
"Oh, my eyes, my eyes! What an eye sore. Quick,... Read More
Hire a designer or a programmer for your website is... Read More
All websites have a homepage. It is the most important... Read More
On the internet we don't deal with face to face... Read More
Don't just put your slogan in the title tag when... Read More
For those not familiar with CSS Hacks, they are ways... Read More
CSS is a new option for website designers that have... Read More
We would all like to have the best looking website,... Read More
Setting up a survey on your site is extremely simple... Read More
Are you using the best colors for your web site?... Read More
A professionally presented business website is a powerful and essential... Read More
A "404 Error" happens when the web server you are... Read More
When JV Media Design was formed, the year was 1995... Read More
When a prospect lands on your website will he or... Read More
I am constantly bombarded with all sorts of advertisements, single-page... Read More
Let's look at what your user wants to see at... Read More
You have probably viewed many Flash-based components while surfing the... Read More
Sin #5Poor Spelling And GrammarWe all make mistakes when we... Read More
What is a Website Template?Many smart and savvy businesses are... Read More
Web Design |