5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2....

11
5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility 4. Issues with the concept 5. Outdated

Transcript of 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2....

Page 1: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

5 REASONS TABLES FOR LAYOUTS ARE BAD

By Donna Naumann and Keniquea Mitchell

1. Time Consuming

2. Tables are often used to display tabular data

3. Accessibility

4. Issues with the concept

5. Outdated

Page 2: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

Having the knowledge of using Cascade Style Sheets can save you a lot of time, although tables are known to be time consuming.

http://phrogz.net/css/WhyTablesAreBadForLayout.html#harder

TIME CONSUMING

Page 3: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

TABLES ARE OFTEN USED TO DISPLAY TABULAR DATA

Usually tables are used to display information recorded or tracked in a spreadsheet, typically not used to display images or any other interesting information.

http://www.hotdesign.com/seybold/

Page 4: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

ACCESSIBILITY

One of the main problems with using tables for layout is accessibility. Remember that not everyone will be viewing your website the way you are. Some people will be using different browsers, sometimes older browsers, sometimes more advanced browsers. If you’re not creating your webpage in a standard way, there’s no way to tell how it’s going to look on different computers.

Most different are blind or partially-sighted users. These might have a browser that reads out the information on the page to them (called a screen reader), and the information needs to be structured in a way that makes the most sense to them, or they might hear nonsense. The way you order content inside a table might look sensible to you, but imagine if the content for that table was being read out, would it still be in a sensible order? A screen reader would most likely read out content in a table the same as the tab order, try pressing tab while you’re in a table and see which cell it skips to next, it might not be a sensible order and could make your site unusable for a blind user.http://blog.silktide.com/2011/04/why-you-shouldnt-use-tables-

for-layout-ever/

Page 5: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

ISSUES WITH THE CONCEPT

Frames disrupt the entire fundamental concept for the web.

- They mess with all these established rules by giving readers views of pages from a different navigational viewpoint. Instead of being on the main “content” page, they are actually in a frameset. If they try to bookmark the page, their bookmark will open the frameset with its original pages loaded, not the one you had loaded inside when you created the bookmark.

http://www.yourhtmlsource.com/frames/goodorbad.html

Page 6: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

Outdated

Tables do not have an appealing appearance.Tables are not eye catching and will not keep the

attention of anyone.

http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html

Page 7: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

SUMMARY

Learn to use Cascade Style SheetsCreate flexible designsCreate maintainable websitesAccessibility – Keep in mind of people who

are visually impaired.Do not use tables

Page 8: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

http://theworldsworstwebsiteever.com/

Page 9: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

Http://www.angelfire.com/super/badwebs/

Page 10: 5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell 1. Time Consuming 2. Tables are often used to display tabular data 3. Accessibility.

http://www.godaddy.com