Best Practices for Structuring Your Web Content

3,689 views

Published on

We'll introduce the idea of the three parts of the modern web page structure - content, presentation and behavior - and focus on how to improve the structure of the content. We focus on the content structure because everything else will get stripped away as your content moves across the web. When your page is accessed by mobile devices, feeds and search engines all that matters is your writing and the html markup. Make them count.

Published in: Technology, Education
1 Comment
14 Likes
Statistics
Notes
  • Slideshare did not convert the presentation correctly when I uploaded a converted keynote-to-PPT file so I uploaded a PDF instead. I have the Keynote (or Powerpoint) version with notes if anyone is interested. Just shoot me an email at ben.macneill@extension.org
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,689
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
119
Comments
1
Likes
14
Embeds 0
No embeds

No notes for slide

Best Practices for Structuring Your Web Content

  1. 1. Best Practices for Structuring Your Web Content Ben MacNeill, User Interface Designer eXtension
  2. 2. Why worry about page structure? • It’s not just a web page anymore • Your content is going to be interpreted by a variety of clients, scripts and devices • You need to wrap up the content in a meaningful way
  3. 3. How do You Structure Web Content? • Use meaningful markup • Establish a structural hierarchy • Remember simple accessibility guidelines • Don’t worry about appearances
  4. 4. Anatomy of a web page Behavior Javascript, Animations Presentation Cascading Style Sheets (CSS) Structure Semantic markup Content

×