Learn how Microformats can help you to quickly and easily integrate your web site content into web-based and desktop applications with little more than finely tuned, meaningful HTML or XHTML mark-up.

So you are publishing content to your web sites every day. You are writing press releases, news items, articles or blog posts and in all of this content there are elements of rich meaning, meaning in contacts, events, reviews and relationships with other people, that you cannot properly describe using XHTML alone. Microformats help you to describe this deeper level of meaning within your mark-up. When you publish your content these more structured ways, the pay-offs are far more than simply enhancing your geek credentials.

Microformats use today's technologies such HTML or XHTML and they are easy to integrate into your content today. Perhaps most importantly of all, they work today in all popular web browsers and you need no special software to author them.

In this full one day master-class, you will learn about Microformats in a visual, rather than a technical way through a series of practical examples and exercises. You will learn about their background, how to author them and integrate them into you content today. You will learn about the benefits that your visitors will gain from you using Microformats, plus how large organizations such as Yahoo! are already publishing their content using Microformats. Of course, no For A Beautiful Web master-class would be complete without design, so you will also learn how to implement original designs from your Microformat content using CSS.

This master-class covers

Registration and coffee: 8:15am – 9:00am
Introduction:
  • How Microformats solve common problems?
  • Origins, definitions and principles of Microformats
  • Creative, technical and business benefits
Using Microformats
  • Modern approach to mark-up from content out
  • Elements and attributes in relation to Microformats
  • Microformats design patterns
Coffee Break: 10:30am – 10:45am
Link-based Microformats:
  • Reviving the rel and rev attributes
  • Working with rel-license
  • Tagging with rel-tag
  • VoteLinks
  • Creating relationships with XFN
  • Styling of link-based Microformats using CSS
Contact Information Microformat:
hCard:
  • Introducing hCard
  • Publishing hCard contact information
  • Working with tools for creating hCards
  • Simple styling of hCards using CSS
  • Tools that enable use of hCard information
  • Publishers and services using hCard today
Event Microformat:
hCalender:
  • Introducing hCalendar
  • Publishing simple event information
  • Adding contact information
  • Working with dates and locations
  • Working with tools for creating hCalendar
  • Simple styling of hCalendar using CSS
  • Tools that enable use of hCalendar information
  • Publishers and services using hCalendar today
Review Microformat:
hReview (draft):
  • Introducing hReview
  • Publishing reviews using hReview
  • Adding contact information
  • Integrating event information
  • Working with tools for creating hReview
  • Simple styling of hReview using CSS
  • Tools that enable use of hReview information
  • Publishers and services using hReview today
Coffee Break: 15:30pm – 15:45pm
Syndicated Content Microformat:
hAtom (draft):
  • Introducing hAtom
  • Publishing content using hAtom
  • Styling of hCalendar using CSS
Q&A: 17:00pm – 17:30pm
Social: 18:00pm – till late

A further opportunity for you to network with your fellow attendees.