Skip to main content

Tableless Web Design

Tableless web design, also called tableless web layout, is a method of designing web pages without using HTML tables for page layout. Instead of using HTML tables, style sheet languages are used to arrange the different elements of text on a web page. One of the most common style sheet languages is Cascading Style Sheets, or CSS.

W3C introduced CSS in December of 1996 in order to improve web accessibility and to also make HTML code semantic instead of presentational. HTML was originally designed as a semantic markup language that was intended for sharing research papers and documents online. As the internet became more mainstream, graphic designers looked for ways to control the visual appearance of the web pages that they designed. This caused a number of problems as tables were nested within tables that created really large HTML web pages. CSS was introduced to solve this problem.

Tableless web design using CSS has a number of advantages over tabled web design. One of the advantages is in accessibility. With the number of different devices now accessing the internet, web content can be made accessible to users operating a wide variety of devices from desktops, to mobile phones to PDAs. Screen readers and braille devices have fewer problems with tableless design because they follow a logical structure.

Another advantage with tableless web design is bandwidth savings. Tableless web design creates web pages with fewer HTML tags used purely to position content. This results in pages that become smaller to download. The style philosophy implies that all the instructions for layout and positioning are to be moved into external style sheets. With the basic capabilities of HTTP, since the style rarely changes and apply in common to many web pages, they will be cached and reused after they are first downloaded. This results in a further reduction of bandwidth use and download times.

Lastly, maintainability is also improved with the use of tableless web design. When maintaining a website, frequent changes are often necessary. Under table-based web design, the layout is actually part of the HTML itself. Changing the positional layout of elements on a whole site may require a great deal of effort. In tableless layout using CSS, virtually all of the layout information resides in one place - the CSS document.

For Website Designing and Development
Website Designer at Hyderabad
eMail : varadesigns@yahoo.com
phone : +91 9247457705

Article Source: http://EzineArticles.com/?expert=Claire_Jarrett

Popular posts from this blog

Photo Optimization

Photo Optimization is necessary to allow a web page to load in the shortest amount of time possible. Fast loading time require small files. This article discusses the methods used for photo optimization. In an ideal world, a web designer could use the highest quality photos and have the webpage download lightening fast. Fast loading requires small file sizes for pictures. Unfortunately, there is a trade off between picture quality and file size. Web surfers are a notoriously impatient bunch. If a website takes too long to load, they will just click away and never come back. Computer monitors can only display images at 72dpi (dots per inch). So the first step in photo optimization is to reduce the resolution to 72 dpi. Large picture can be sliced up into smaller ones and the put back together on the web page. Each piece will be a very small file and together will load in a fraction of the time a single image file would load. Most graphic files contain information about the color palette...
Read more

Mobile Web Design: Tips and Best Practices

Mobile Web Design Trends For 2009 Web designers know that the industry involves plenty of change, and continuous adaption and development of skills is required in order to stay up to date. In the past few years, one of the biggest areas of change has been the amount of Internet users who are accessing websites via phones and mobile devices. As a result, Web designers have a growing need to be educated in this area and ready to design websites that accommodate this audience. Because designing websites for mobile devices brings some unique situations and challenges into play, the subject requires a strategic approach from the designer and developer. In this article, we’ll look at the subject as a whole, including current trends, challenges, tips and a showcase of mobile websites. Plenty of helpful resources and articles are also linked to throughout the post, so if you’re interested in learning more about designing for mobiles, you should have plenty of information at your fingertips. 1....
Read more

How to Make a Website Interactive

Technology has made businesses to run more conveniently. Now it is possible to get the response from the customers about a particular product or service at a greater speed. The reason is simple- A Faster Interaction. The customers and prospects want to speak what they like and what they expect from a particular brand. They have become more knowledgeable. They are not satisfied just by availing services given by the service provider. In turn they are looking for more. They want to be a part of your community and want to connect. They want to tell what they are feeling about a particular product or service. By making your website interactive you can help your customers and prospects to connect. You can boost interactivity in your website by using technology effectively. Let us see how: Ask people to comment on your blogs. This increases interactivity in your website. People would not take pain to comment on your blog unless they find something valuable, something interesting or something...
Read more