| Top Web Hosting Provider of The Month: |
 |
| Visit Bluehost.com | Read Bluehost Review |
|
|
| >> Web Hosting Geeks // Web Hosting Articles // Web Design |
|
|
 |
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
Website Sales: Discover 10 Mesmerizing Insider's Tricks To Ignite Your Sales Marketing is not an easy skill to acquire.It requires patience and a lot of efforts in conducting many tests and improvement to get it right. 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. 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. Get FASTER Download Times By Making BIGGER Web Pages! As a webmaster you already know how important it is that your web pages download fast. In a nutshell, if your pages are slow, then you're losing visitors. Selling Multiple Products? Avoid These Top Blunders When your web site sells more than a dozen items, you may face a fierce challenge of helping shoppers find what they are looking for. You'll need to classify products into categories, but these will serve as obstacles and even deal killers if those categories do not match those in the heads of shoppers. Database Driven Website The solution lies in creating a 'Database driven website', through which web pages are created dynamically which further gives a web site visitor an up-to-dated view of information stored in the database. When the information in the database is updated, site visitors will immediately see the changes that have been made. Successful Websites Don't Set Out To Sell What are websites? Are they sales tools for vendors and service providers, or are they electronic guidance for potential customers? Put simply, are you selling or are you helping?Your answer to this question may determine the success of your website. So think carefully?How we define what a website is all depends on which side of the fence we're on. Can a Webpage Created Without HTML? The HTML editor is usually a webpage design software that has a GUI(graphic user interface) which makes it easier to design a webpage using the File Menus. This is good for the non-programmers and non-technical people. Website Savvy: 10 Key Steps to Turn Your Customers ON! "How to turn "slightly interested" customers into "I've got to have it!" customers!"I am truly amazed as to the lack of information websites contain. You would think that a business would realize that a potential customer would at least like to know how to contact the customer service department. How to Choose Web Design Company? Before deciding on which web design company to choose, you should first determine the main aim and purpose for your upcoming website. Once the aim and purpose have been identified, then only move on to choose a reliable web design company to develop your website. Positive Design Attributes for a Successful Website Designing a website is hard job, and requires you to think out a plan of action, and put in a lot of work to make it successful. There are many different kinds of websites on the Internet, but if you look at all the top performers with high traffic, you will notice that they all have similar design characteristics which place them as the best in the world. Stop Sabotaging Your Sales Do your web pages, sales letters or personal presentations include subtle distractions that unnecessarily cause you to lose sales?Sometimes prospective customers get distracted during the selling process by outside interruptions. You cannot control those. When Your Graphic Designer Costs You Money So how do you know when your graphic designer costs you financially and emotionally?When a file is not prepared correctly? When you go to press and have your media material produced in prints, and find out that the file was built incorrectly, then that's the time when your graphic designer will cost you money.Many pre-press operators have complained about having to correct graphic designers work. Double Ad-Trackers Its Not as Crazy as It Sounds Here Are 7 Reasons Why? A Double Ad Tracker is an Ad-Tracker that points to an AD-Tracker. It may sound a bit like overkill to have an Ad-Tracker Pointing at another Ad-Tracker but it's not crazy. The Proper Way to Use Images Most people will agree there is nothing more annoying than going to a site and it taking forever and a day to download all the images just so you can see the site. Then after waiting, realizing that the site is completely ugly, irrelevant,or not what you thought is was, and wasting your time. Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1 Have you put a lot of effort, time, and money into your site and are frustrated with lackluster sales? Are you planning to put a new Web site and don't know where to start? If you are like many business professionals out there, you know your subject, you are an expert speaker or coach in your field, and you are even passionate about it. You have great products and services to sell. Low Cost Web Design In Birmingham There are many companies who build websites, all of which who want your business. This puts you in a very strong position when trying to obtain a good deal, a professional looking website at a low affordable price. How To Design Your Web Site With CSS Cascading Style Sheets (CSS) allows you to create fast loading pages, increase your search engine rankings, and modify your whole site with one style sheet. So why don't more people use them? This is because they got so used to html design and are afraid or too lazy to upgrade their skills. 404 Error - The Page Cannot be Found A "404 Error" happens when the web server you are on cannot find the page that you requested. This type of error is quite common and is seen all over the place. The Secrets to Successfully Learning Basic HTML If you'd like to create/maintain a website, having some HTML knowledge is necessary in order to create a standard page on the web. Learning the HTML basics is easy and should take less than an hour.
|
|
|
|
|
| © 2004 - 2008 "Web Hosting Geeks" | Web Hosting Reviews | Customer Reviews | RealMetrics Reviews | Hosting Articles | Directory | Partners | Contacts Over 7000 articles: web hosting, web development, domain names, ecommerce, web design, site promotion, ppc advertising, seo, site promotion and many others. Web hosting reviews, ratings and awards are not based on any incentives or commissions. Names and trademarks are the properties of their respective owners. A direct link to Web Hosting Geeks (http://webhostinggeeks.com) must be provided in order to use any of the above information. Contact us for more info. Partners: Hosts by speed, Cheap Website Hosting, Free Website Hosting, Cheap Web Hosting, Top 10 Web Hosts, Top 10 Web Hosting Deals, Best Website Hosting, Free Web Hosting, Free Web Hosting, Dedicated Server Hosting, Adult Web Hosting, Web Hosting Discussions, Dedicated Server Reviews, Best Web Hosting, Web Hosting Discounts, HostProfessor.com, rsuog, halyava, PHP Website Hosting Services, Web Hosting Reviews, Hosting Uptime, Best Web Hosting Reviews, Cheap Webhosting, Web Hosting, Flash Templates, CMS Templates, Web Hosting Reviews, Website Hosting Reviews, Web Hosting Providers, Best Web Hosting, Top Web Hosting, RSUOG Web Hosting |