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
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterDo You Really Need A Website?
Nope. You certainly don't need a website.But you don't need many of the things you've come to rely on, such as your cell phone, e-mail, or faxes.And there's no point in having an Internet presence if those you want to reach lack computers or online capabilities. Or, if you have nothing to say. But, if you do have something to say, and your audience is accessible on the Internet, then consider a website.Years before the Internet, I prepared a brochure to give to people who wanted to know what I did. It was pocket size, so I always had a few on hand to give out. And it was more impressive, and more descriptive of my services than a business card. Think of a website as an electronic brochure with man...(related: Web Design)
5 Powerful Ways To Get Zero Sales From Your Website
I want you to imagine a lemon. In your mind's eye, see its yellow skin. Imagine cutting it in half with a knife. Now pick up the one lemon half and bring it up to your mouth and suck on the juices.Do you notice how sharp the tangy lemon juice could be? Does it make you pucker? Do you notice how your mouth is watering?...Good!Now you realize the power of words!See, one thing I was good at in the beginning of my online career was not getting any sales. Really, I turned it into an art form.So with that said, I want to share with you my 5 all-time favorite ways of getting Zero sales from your website:1. Headline and Sales Letter
How To Rescue Your Graphic Design Project When All Else Fails
Whether you're giving a critical sales presentation to a client, producing visuals for a meeting, event, trade show or seminar, or unveiling the new company logo before an audience of shareholders, top-notch graphics will help ensure that you, your products, and your message receive the attention they deserve.Yet when you decide to do the graphics in-house to reduce turnaround ...(related: Web Design)
Secrets To Using Color On Your Website And Common Pitfalls To Avoid
Colors have long been known to have psychological affects on mood and interpretation. So, when you are designing your website, you should keep in mind the influence color might have on your visitors. Do some research to find out which colors promote your product and services best as well as which colors make visitors interested in buying your products. You should take all of this into account in order to create the best atmosphere for ...(related: Web Design)
Web Site Templates And Their Benefits
Unarguably, the most important part of your website is content. To draw in clients or customers, you need captivating content and search engines are blind to web design. They only see content. The images, structure and colors of your website go out the window when it comes to search engine placement, which we all know is the single best traffic generator. Your web design is really only a shell that makes your content look pretty. Don't get me wrong, your site's design can be very important. People are influenced by colors they see, and the quality of your design lends credibil...(related: Web Design)
How To Design Website Which Google Likes
Are you going to design or redesign new website or thinking for it, then first read below given points, which google likes in a website, Google Information for Webmasters.There are more than 80 factors of your website that are taken into consideration when determining the ranking of your website, Following these guidelines will help Google find, index, and rank your site.Basic principles:1) Make pages for users, not for search engi...(related: Web Design)
Sales Versus Customer Oriented Websites
Should Generating Revenue From A Website Be The Prime Motivator?
A pure sales site has only one purpose... to generate as much revenue as possible at any cost. In other words, your experience--good or bad--is inconsequential to the ultimate ...(related: Web Design)
Looking For A Web Design Company? Use A Web Design Directory
Your business website tells a lot about your company. A poorly designed website will have your visitors questioning the quality of your business. A well thought out elegantly designed site would instill confidence in your visitors that you are a credible business to deal with. There is a saying in advertising, "It is better to not advertise than to advertise ...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design