Difference between Table templates

619 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
619
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • A tables-based template is a web template where the layout is based on a grid created with HTML tables (<table> ... </table>)
  • Difference between Table templates

    1. 1. agenda<br /> > The Differencebetweentable templatesand a CSS template<br />> Pros and Cons of design layouts with Tables and CSS (table less)<br />> Importance of using CSS Layouts<br />-----------------------------------------------------------------------------<br />
    2. 2. Sounds technical?<br />
    3. 3. how Web standards can save our time and money<br />on<br />
    4. 4. Layouts : table vS. Cascading Style sheets<br />Templates<br />- is consist of Tables, CSS, scripts, text, graphics, animations etc.<br />Tables-based template<br /><table> ... </table><br />CSS Template<br /> template NOT achieved with Tables<br />
    5. 5. tables for layout<br />What is reason for Tables existence in HTML.?<br /> To display tabular data<br />border="0“made it possible for designers to have a grid <br />Usage of tables in templates<br />interfering with building a better moreaccessible, flexible applications / websites<br />
    6. 6. Valid XHTML<br />
    7. 7. Tricky Tables <br />Blank Layouts<br />
    8. 8. Tricky Tables <br />Missing tags <html>…?<tr>…?<td>…?<br />CSS design and positioning difficult?<br />
    9. 9. are Tables flexible ?<br />Possible to create table layouts with percentage widths<br />Nested Tables: fancy layouts<br />DoTable hurt Search Engine Optimization ?<br />YES! nested tables can hurt SEO as spider has to crawl to index<br />Are they accessible?<br /> most screen readers read Web pages in the order the way they are displayed<br />Print Table based layouts<br />
    10. 10. The moral<br />learn to use Cascading style sheets to build layouts<br />
    11. 11. Using CSS : What’s in it for me?<br />Make pages load faster<br />Make designs / redesigns more efficient andless time consuming<br />Also helps maintain visual consistencythroughout a sites / application<br />For better search engine results<br />Making a sites / application more accessibleto all users<br />And gives you a competitive edge<br />

    ×