Webmaster Papers








Using CCS to Eliminate Tables


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

RELATED ARTICLES


Are Web Templates Worth It?
First off, I am a designer. Now you're thinking, here's this guy trying to convince me to hire a designer costing a few hundred to a few thousand dollars instead of buying a pre-made web template for about $60. Well, these days most companies don't have the money to invest in a costly web site and there are thousands of hungry web designers out there, plus now there are web template resources. These resources can equal great value and effectiveness for the customer as well as increased business for the web designer.
Give Your Web Wite Visitors What They Really Want - Information!
Surfing the internet is basically an information-fest! From intellectual discussions to the bizarre...people surf the internet for information more than products or services. Through sites that offer information -sales are generated indirectly which is perfect. By offering valuable information to your visitors, you start a marketing relationship just by creating value in your website.
How To Boost Your Sales Dramatically Using Dynamic Back-end Strategies
Getting a customer is not easy.
Business Opportunity for Graphic Designers
As a graphic designer, you are sitting on a gold mine. You have a skill other people do not have, and you can use that skill to earn a good living.
Website promotion Ideas: 10 Web Site Add-Ons To Increase Your Traffic
If you're not getting a lot of traffic to your website anymore, must implement these Website promotion ideas immediately.
Every Website is a Human Being?s Attempt at Achieving a Goal or Obtaining Happiness
Have you ever thought about the real stories behind all the websites on the Internet? There are over 10 million sites out there and a human being with some hope or dream driving the process constructed each one. Too much of our modern world is presented to us in a barrage of superficial pictures that only show a very external glimpse of the true reality beneath the surface. Wouldn't you like to know about the people who live behind this wall of technology? Humanity is the force behind all the websites, and for that matter, all technology that we use without a second thought everyday. Behind every advance in technology is a human being who wanted to get something done, then did it.
Breathe New Life Into Your Half-dead Website By Using Words That Sell
This article may come as a surprise to you.
Why Dot-Coms Fail - a Webmasters Perspective
Everyday we hear that another company goes out of business.
Its No Good Having A Killer Product If You Dont Have A Killer Website
Read the title of this article over a couple of times in your head so it really starts to sink in.
Web Advertising: 10 Little Known Tricks To Help Convert Your Traffics To Buying Customers
You may not believe it, but people still judge things by their appearances.
Website Design: Color Me Blue
Chris, a new consulting client, asked me to help him increase sales on his affiliate marketing site.
Explode Your Homepage And Replace It With Something Dynamite!
You know that I'm always extolling the virtues of an all-round website marketing approach that doesn't just focus on search engines? Well, you'll be suprised to hear there's a big problem with this.
Choosing A Web Designer : A Plan to Guide You Through The Minefield
Choosing a web designer can seem like a daunting task. They come in all shapes and sizes ? from freelancers working at home to glossy new media agencies, and there is as much variation in prices and service as there is in size.
Usability Lessons from the Hospital
Usability isn't only for Web design. It's also applicable in the real world as things aren't always well-designed. Paying attention to real world design can help you think through usability for Web design. For instance, there is an elevator in New York where the numbers are in three columns. The numbers go across, but in this elevator they go from right to left instead of left to right. It's in English not Hebrew.
Web-Safe Fonts for Your Site
Choosing the right typeface for your website copy is important, since it will affect the way your readers perceive your page (serious and formal, or friendly and casual). Aside from this, there are also important usability concerns. For example, some font types are more easily readable than others, and some are more widely available.
You Too Can Have an Amazing Website
It is a well-known fact that a successful business depends greatly on how it is marketed. With an ever increasing dependence on the web, the use of a professional website is not only a necessity, but a priority. Although it is a common thought that only large businesses can have top-notch websites, with the tools available today what seemed impractical can now be a reality. Best of all, designing an extraordinary website can be done without hiring expensive web developers to create your site from scratch. Usually the first comment I get from my customers is, "I have the idea, but not the tools." In this article, I will recommend which tools are the most helpful and where to find these tools so that you too can have an amazing website.
Some File Naming Tricks for Your Online Home Based Business Web Pages
Conventional Wisdom states you should use Sub-Directories to organize your web Pages. Unfortunately the Page Indexing Tools Penalize your Page Rankings when you Do this, Many of the Page Ranking Algorithms in use today deem that pages closed to your Root are of a Higher Value then pages that are further away from your root. If you have 2 Web Pages with the Exact same content (web1.html and web2.html) http://yourdomain.com/web1.html and http://yourdomain.com/articles/training/web2.html
.htaccess to Mask Errors on Your Website
The .htaccess file is a control file located in your webservers directory. This file is a very powerful file that can control access to certain files, restrict access to files, forward people in the event of errors, and many more useful features for webmasters!
Does Your Website Induce Seizures?
QUESTION: We promote our web site in all our ad campaigns, but according to my website statistics program, we are getting very few visitors who click past the first page. The site has a cool Flash introduction page that the designer said would impress visitors, but it doesn't seem to be working. What can we do to get people to spend more time on the site? -- Christopher O.
Save Time and Boost Profits with Free Content
Public domain gives you a head start creating ebooks, ecourses, newsletters, teleconferences, website content and email registration incentives you need to keep in constant touch with clients and prospects.