Using CSS to Eliminate Tables
AlphaOne Technology Low Cost Web Hosting Services & Professional Web Design has found this great article by Sanjay Johari to be useful. You can find this article, as well as over 900 other articles helpful to webmasters in our free webmaster tools area.
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.
About the author:
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
2 Comments:
This post has been removed by the author.
Do you want Better Search Results – Read Art of the Content Site by Nathan Anderson
After reading the newest ebook published by Nathan Anderson, I was floored at how it easy it was to generate great search engine results without paying a guru an outrageous sum of money to do so. The search engines are accessible to everyone because of this new look at search engine optimization. Nathan Anderson takes the time to write down to earth explanations that any beginner can grasp and apply immediately. His writing style makes the technical jargon used by many technology nerds palatable to the amateur user.
Nathan clearly defines what a content site is and how it works. He also goes into detail about the components that make up a content site. I especially enjoyed this quote from the books opening letter. “Many SEOs are quite proud of their content creation abilities, claiming it to be an “art”. They call it “SEO Copywriting” in order to make themselves feel more important than they are... when in fact, any monkey that knows English can perform nearly on-par with these “experts.”
This comment says a lot about Anderson and the kind of person he is. The sheer simplicity of the seven clearly outlined components of a content site is indeed the work of monkeys. Thanks to Nathan’s lack of egotism and his new ebook we can all share in better search results. Nathan holds nothing back as he goes into on-page and off-page optimization factors. Anderson reveals twelve points that any SEO would charge thousands of dollars to reveal.
Just when you thought that the book was worth every minute spent signing up to his exclusive opt-in list, Nathan goes on to reveal the seven components of a content site as in a very well defined and easy to understand writing method. This portion of his new ebook clearly explains that the following seven components are general characteristics of a content site.
1. Houses primarily HTML Text
2. Includes elements of interaction
3. May include multiple media types
4. Grows over time
5. Is tightly themed (niched)
6. Takes advantage of personal passions
7. Community = Success
Anderson goes on to explain every characteristic in great detail to ensures that the reader knows exactly how to compile, combine, and complete a site that embodies “the art” of a true content site. The simplicity of every single component is emphasized with examples and clear explanations.
Nathan goes as far as to give a list of resources and tools that is unmatched anywhere on the net. He goes into the programs and tools he uses personally to construct his own content sites. It was a true pleasure to read this ebook and use the tips and techniques Nathan has given to the world. The ebook is free at www.artofthecontentsite.com. Take a minute download it and start living your dreams.
This article and one-way link advertisement provided by LinkAcquire.com
David C Skul - CEO LinkAcquire.com and Relativity, Inc. is pleased to serve his clients throughtraffic generating articles and one way links.
Post a Comment
<< Home