1 / 11

5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell

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. TIME CONSUMING.

indiya
Download Presentation

5 REASONS TABLES FOR LAYOUTS ARE BAD By Donna Naumann and Keniquea Mitchell

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 5 REASONS TABLES FOR LAYOUTS ARE BADBy 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

  2. TIME CONSUMING • 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

  3. 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/

  4. 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/

  5. 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

  6. 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

  7. SUMMARY • Learn to use Cascade Style Sheets • Create flexible designs • Create maintainable websites • Accessibility – Keep in mind of people who are visually impaired. • Do not use tables

  8. http://theworldsworstwebsiteever.com/

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

  10. http://www.godaddy.com

  11. Websites that use tables • http://theworldsworstwebsiteever.com/ • Http://www.angelfire.com/super/badwebs/ • http://www.godaddy.com/domains/search.aspx?isc=gofx2001ha&gclid=CM7Nz-b37q8CFQtThwodNjYsvw

More Related