.: CSS and Tables: The hype and the trends
Category:Home / Internet / Web Design
The History of tables
Before tables came along, the web was a pretty dull place. Using tables for layout opened up new vistas of possibilities of visually “designing” a page. It could well be argued that table based layout was responsible for the popularity of the web and the field of web design.
Worse still, over the last few years, table based layout has come under severe criticism and was widely demonized. Web purists claim that tables were never meant for layout so one shouldn't use them for such. A rapidly progressive hype seems to be in the air all around.
Reality behind the hype
Despite the fact that pioneers have been talking about web standards for a long time, the majority of web sites are still developed using tables and non standards compliant code .
History has shown many examples of technologies that started out life with one purpose, only to end up finding more practical applications as something else. And it sounds very apt in case of tables. The web itself was never intended to be a channel for edutainment, marketing and information but for sharing research data.
Using tables is a pragmatic approach, if not preferred
The W3c Web Accessibility Guidelines recognize that designers will continue to use table for layout - and so include information about how they can be implemented in the most accessible way. Designers are not going to immediately stop using tables for layout; mainly owning to the reason that this is the default behavior of most WYSWYG (what you see is what you get) Web design packages and; CSS for layout is so difficult to implement successfully.
Moreover, Professionals still argue the use of tables for the layout of pages on the Web, despite the fact that this goes against current standards. They argue it to be a pragmatic approach – if not their preferred options.
Let's explode the myths: CSS vs Tables
Most web designers don't simply feel the need to switch over
The majority of web sites are still developed using tables and non standards compliant code. Because of this, user agents will be forced to handle table based layouts for many years to come. This effectively negates one of the biggest selling points for web standards. That of forward compatibility. That's why, most web designers really don't feel there is an overwhelming need to start developing sites using CSS based layouts and standards compliant code.
CSS development has a much higher barrier to entry than table based design
While comparing table based design to CSS based design, the syntax of CSS, for sure, turns out to be is pretty easy. Nobody in their right mind would argue that you need too be a rocket scientist to learn CSS. Nevertheless, some of the concepts can be quite tricky to assimilate.
Continuing in the same spirit it is true that there are so many bugs, even the “experts” find themselves spending an inordinate amount of time bug fixing. For a novice this must be extremely frustrating. Not knowing if the problem is down to your misunderstanding of CSS or some obscure browser bug.
Perhaps this is why many people see web standards as “Ivory Tower” and why many web standards advocates come across as having a sense of superiority and a zealous attitude towards web design.
Some things are just easy-to-do with tables
People often find themselves writing fairly complicated CSS to do something that would be trivial using tables. Take form styling for an instance. It's possible to lay out even very tricky forms using tables in just a few minutes. You can achieve similar results by floating elements with CSS, but it's a lot more involved. If you're a CSS guru it's all part of the fun. However if you're a regular mortal, it can be incredibly frustrating.
Another such thing is page footers. It's pretty easy to do using tables. Whilst doing this using CSS alone, it would hardly be any wonder why web developers turn their back on CSS when even simple things are rendered so
If you have the knowledge and patience, you can do most things using CSS that you used to do using tables. Sure it may take you longer, but you'll get there in the end (or die trying).
CSS benefits. But does it provide you what you need?
It's true that switching a large site to a CSS based layout can save a huge amount of bandwidth. However, for most sites, this saving would be insignificant or mostly irrevelent.
People want fast loading pages and many advocates have suggested that CSS helps accomplish this. For most sites, the “design” is spread evenly across the whole site. However with CSS based sites, the “design” is usually held in one or more external files. These files can be fairly complicated, and even for a simple site, can get big, or even fast.
Search engine friendliness: CSS vs Tables
It's true that the search engines like semantic pages. It's also a widely held notion that search engines like lean code. Building a site using CSS and web standards can defiantly encourage the development of search engine friendly sites. However it's neither magic bullet, nor a panacea either.
There are many table based sites that score very highly in the search engines. It's equally possible to build a CSS based site that gets a terrible search engine ranking. The most important thing for high ranking is content and inbound links, not whether a site uses tables or CSS for layout.
Issues pertaining to accessibility
There is quite increasing number of people who try to sell web standards and especially CSS based design by playing on client's accessibility fears.
There isn't anything inherently inaccessible about table based design. While it's true that your site needs to be published to a recognised set of grammars to get an AA accessibility rating, tableless design is only a recommendation, not a requirement for the more stringent AAA rating.
The final word
Final Table based design will be around for a long time. However, it is not good enough just to say that it is wrong to use them . In certain circumstances using tables for layout can make much more sense than CSS.
Web standards and CSS based design are defiantly the way forward. However in the rush to advocate these “new” techniques, people end up being hyperbolic and the reality falls short of expectations.
A sensible approach to get what you continue to seek is the need of the hour regardless of what is in vogue, or blown out of proportions.
Article keywords: css and tables
Article Source: http://www.articles32.com
Deepak Sharma is a Web Designer at BlueApple, a Web Design and Development Company with a well connected development infrastructure in India having a strong portfolio with global clientele and offering superior web services and solutions at competitive costs.
.: New Web Design Articles
1). HTML Might Become Obsolete
Web designers are beginning to dump HTML in favor of more versatile web programming languages
2). Macromedia Dreamweaver: An Introduction
Getting started with your first web page can seem very daunting indeed. Macromedia Dreamweaver is the industry leader in web editors, but knowing where to start and what you need to know can be a little confusing at first.
3). Finding A Good Web Designer
Avoid the mistakes I made when I hired someone over the internet to design my web site
4). Top Tips for Getting Free Websites
There are millions of opportunities of earning money online, but for that you frequently need to have a web site and there are many people interested in how to build a web site online for free. So whether you want to build a free business web site or to build a Yahoo-like web site, you can be sure there are plenty of online guides, such as this, to take you step by step through the process.
5). Is Your Web Site Driving Away Visitors?
Much has been written about optimizing your web site for search engines, but less emphasis is placed on usability. Optimizing for usability and for search engines is not a contradiction.
6). Choosing a Web Designer
freelance web designers are rip-off artists
7). HTML Sitemaps Are Still Important
An html sitemap is one that humans and search engines both can read. Google sitemaps are important too, but they are specific to google and are read only by a search engine.
.: Top Web Design Articles
1). Advanced Joomla Templating (pt1) Using Module Class Suffix
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
2). How To Make a MySpace Layout That Stand Out
If you are a MySpace user, you have learned what an easy to read and fun profile looks like. The only problem is, you may not know how to create or find out. Most of the time when you see an awful MySpace layout, it's because its sloppy, hard to read, or has annoying links you didn’t even see. That is because since MySpace has been growing so much, so have the layout sites.
3). Professional XOOPS theme design - What to look for
In general, prices for theme design work will range depending on a number of factors. If you don't mind the designer releasing the theme on their site for others to purchase, then you can expect anywhere from $20US to $50US for your theme. If the theme must be a one of a kind theme that only you use, you could expect to multipy the fee by at least 10x.
4). Adsense: The Smart Investment
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
5). Irish Graphic Design Industry
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
6). How to Create a Splash Page for Your Website?
These splash designs prove to be quite popular, especially among the designers as they allow the designer to show their skills in flash and any other technology on a single page. The splash page design involved in the splash page will be one that is very attractive to the eye of the viewer. Its main intention lies in captivating the viewer the moment he looks at it.
7). Does Your Web Design Include Background Music?
When you design your website, you may wonder whether or not you should include background music in your web design. The answer to this requires you to ask two additional questions: