AIM 2

Assignment 1: Semantic Scheming

Due: Week 3 (2/12)

Part 1:

You will organize a body of content, based on your Project 1 topic materials, on a webpage with attention to machine-readable semantics.

1. A primary title for the page, and a tagline

2. A list of 8 important things/concepts from your topic

3. A list of 4 vocabulary words, with brief definitions. Here's how to format them: http://www.w3schools.com/tags/tag_dl.asp

4. 2 quotations that are interesting to you, with the source provided

5. A brief article (no more than 3 paragraphs worth), with the URL source provided

6. 2 images. Provide a link to the sources in the <figcaption>

Use the Basic HTML5 Template, use all the appropriate semantic tags to organize this material in a way that makes sense to you. This may entail a stretch of the imagination, and perhaps some whimsy and humor.

You may add a little bit of new content of your own, if it helps patch up some logical gaps.

There are more tags than we’ve covered in class:

quackit.com/html_5/tags

joshduck.com/periodic-table.html

CSS:

We will only look at the rendered interface briefly, and we’ll spend the most time in class next week looking at your semantic structure. Make the page presentable, but save your best work & energy for the markup

Qualifying for an A:

The top grade is reserved for those students who follow the directions above AND employ at least one of the following semantic extensions:

• Microformats

• RDFa

• Microdata

• WAI-ARIA

I'm not interested that you accomplish a valid, testable implementation of the chosen scheme (it's especially difficult with WAI-ARIA). I just need to feel assured that you indulged in the geeky pleasures of extending your semantics. You will need to consult the resources under Week 2 on the class website.

For RDFa's or Microdata, you will need to link to an existing vocabulary: http://www.schema.org.