Your SlideShare is downloading. ×
  • Like
Difference between Table templates
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Difference between Table templates

  • 474 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
474
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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>)

Transcript

  • 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
    -----------------------------------------------------------------------------
  • 2. Sounds technical?
  • 3. how Web standards can save our time and money
    on
  • 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
  • 6. Valid XHTML
  • 7. Tricky Tables
    Blank Layouts
  • 8. Tricky Tables
    Missing tags <html>…?<tr>…?<td>…?
    CSS design and positioning difficult?
  • 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