Post:

<div>
                    <span style="font-size:14px;">Best Practices for Structuring Your  Web Content</span><br/>
                    From: <a href="http://www.slideshare.net/chillnc/">chillnc</a>, 3 months ago<br /><br />
                    <div style="width:425px;text-align:left" id="__ss_488104"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/chillnc/best-practices-for-structuring-your-web-content?type=powerpoint" title="Best Practices for Structuring Your  Web Content">Best Practices for Structuring Your  Web Content</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=2008-national-cop-meeting-1214532450054455-8&stripped_title=best-practices-for-structuring-your-web-content" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=2008-national-cop-meeting-1214532450054455-8&stripped_title=best-practices-for-structuring-your-web-content" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View SlideShare <a style="text-decoration:underline;" href="http://www.slideshare.net/chillnc/best-practices-for-structuring-your-web-content?type=powerpoint" title="View Best Practices for Structuring Your  Web Content on SlideShare">presentation</a> or <a style="text-decoration:underline;" href="http://www.slideshare.net/upload?type=powerpoint">Upload</a> your own. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/extension">extension</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/html">html</a>)</div></div><br /><br />
                    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.<br /><br />
                    <a href="http://www.slideshare.net/chillnc/best-practices-for-structuring-your-web-content">SlideShare Link</a>
                </div>

All Comments(1)
Comments
Notes on Slide 1

« Prev Next »

All comments

Add a comment on Slide 1

If you have a SlideShare account, login to comment; else you can comment as a guest

Favorites & Groups

Showing 1-50 of 4 (more)

Best Practices for Structuring Your Web Content

From chillnc, 3 months ago

We'll introduce the idea of the three parts of the modern web page more

672 views | 1 comment | 4 favorites | 44 downloads

Favorite

+ Group / Event

Download file

Groups / Events

Embed
options

Web 2.0
104630 views

Going Fast on the Mobile Web
26112 views

Introducing Web 2.0 concepts
73306 views

Best Practices for Form Design
38908 views

Web 3.0 explained with a stamp (pt I: the basics)

Web 3.0 explained with a stamp (pt I: ...
6652 views

Web 2.0 & Brand Advocacy
9460 views

Creative Web 2.0 Learning
70627 views

Web Design For ROI
15502 views

More Info

This slideshow is Public

Total Views: 672
on Slideshare: 672
from embeds: 0

Flag as inappropriate

Slideshow transcript

Slide 1:Best Practices for Structuring Your Web Content Ben MacNeill, User Interface Designer eXtension

Slide 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

Slide 3: How do You Structure Web Content? • Use meaningful markup • Establish a structural hierarchy • Remember simple accessibility guidelines • Don’t worry about appearances

Slide 4:Anatomy of a web page Behavior Javascript, Animations Presentation Cascading Style Sheets (CSS) Structure Semantic markup Content

Slide 5:Anatomy of a web page Behavior Javascript, Animations Prese

Slideshare.net (beta)