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