| Free Adobe Photoshop website templates by Colorifer.com. Web design articles | |
|
|
|
|
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
MORE RESOURCES:
Google News |
|
|
|
RELATED ARTICLES
Ten Fatal Mistakes That Make Web Sites Stink Since you'll spend lots of time and money to create your web site, don't you want to make sure you're not making mistakes that at best irritate users, and at worst make you lose customers?After all, when you alienate users, you lose potential revenue. Who can afford that?Dr. Quality Web Copy is the Key to Success Many websites make the mistake of being all flash and no substance. Nothing irritates potential customers more than visiting your website hoping to find information and instead seeing only blinding color and flashing borders. Browser Compatibility Internet Explorer, created by microsoft has been the most popular web browser for many years. But the gap is shrinking with the release of Mozilla Firefox, by an open source community. The Technology May Change, But Human Nature Remains The Same Let me repeat that.. 11 Steps to Sticky Web Site! An attractive and user-friendly Web site is crucial to attracting prospects and holding their interest. Seems obvious, yet poor design and even more poorly written content clutter the Web. Handwriting Font Tips - The Personal Touch That Makes a Difference Most websites use similar fonts and as a result have a generic look. So, if you want to differentiate your look and also add a personal touch to your website, consider using handwriting fonts. Cheap Web Design If you think it's simply a case of who will do it for the best price, think again.As with many things we buy there are several important factors to take into account. Increasing Conversions Through Action-Oriented Copywriting I do site reviews. Needless to say, I see a lot of Web copy. What Happened to My Website when I Deleted the Home Page by Mistake? There is a widespread confusion among lots of new website designer concerning the home page.If you get any book, any course, or ask most web page designer how to build a website, they will advise you to build your home page first. Do You Want To Save Time With Your Web Design? It starts off simply; a few HTML pages, a few hyperlinks, some affiliate links. Your mother is proud of her clever son. Build Web Pages from the Top Left Corner Down There are two important reasons to build your website from the top left hand corner down.The first one is that this is the way people (at least in the western world) read pages. Are You Driving Away Potential Customers? When a prospect lands on your website will he or she understand what you are presenting? Do your ordering/sign up instructions make sense? Can prospects easily find the information they are searching for? If you don't know the answers to these questions you may be driving away potential customers.As a writer I put a lot of effort into making ideas clear. Congratulations! You've Gotten Visitors To Your Site! Now, Can They Find What Theyre Looking For? As search engine marketers, we spend an enormous amount of time trying to get targeted traffic to our site. But, once those visitors get to our site, can they find what they're looking for? If not, guess what? We've lost a customer. Building a One-page Website You've designed your logo, and you're ready to print your business cards and other marketing collateral materials. You want to include your website address (also called a URL) to build your credibility. Keep Your Navigation Simple! Navigation must be simple. Since it's the backbone of your site, it's imperative that visitors be able to understand it. Attention Grabbing Web Design Will Kill Your Sale! In the of-line marketing world it is all about trying to get the attention of the potential consumer to a commercial message.The primary goal is to get noticed by the public. Imitation, The Smartest Form Of Flattery Unless you are an inventor, most likely you are selling a product or service that is being offered by someone else, somewhere, at some time. The first person to start your type of business would have gone through a lot of trial and error. How to Test Your Web Headlines and Web Site Home Page to Sell More Products and Services A client asked me, at what point do you change your Web site when not making enough sales? My answer? Within a month because as long as your ad copy is weak, those weak sales numbers will continue.Your coach is number one on Google and 35 other search engines with the key words, "book coaching. Simple Steps To Proper Web Design Over the course of the last decade, the Internet has grown beyond all expectations. Each and everyday there is a new website that is being developed. Website Registration Roadmap - How to Create Your Own Website in 7 Easy Steps Creating your own website is actually easy in today's world of affordable and free web hosts and website building software. Fortunately, even if you have no Internet experience at all you can simply follow directions and build your own website in seven easy steps.
|
|
2007-2008 © Copyright colorifer.com. All Rights Reserved. Free Adobe Photoshop templates. Web Design Articles | Site Map | Terms of Use 
|
