IP491W14A HTML5 2: The Semantic Web – Final Assignment

HTML5 logoSession Four / Final Assignment

Required for the course

To fulfill the requirements of the course you must have completed all previous assignments including…

  • PeerWise complete the requirement to have created four questions by next Monday and answered all questions by next Wednesday
  • Metacognition: Make sure that you have an entry for each week (four). At the very least, make note of one major concept each week.

AND this week’s assignment by Wednesday April 9th.

Assignment Four

  • Pick at least two from the list below.
    • Form
    • CSS (Fonts or Media Queries)
    • Graphics (SVG or Canvas)
    • Media (Audio or Video)
    • Offline Storage
    • Semantic Data


  • Create a form with
    • several of the new form elements
    • try out one or two of the validations


  • WOFF Fonts
    • Create a page that uses Web Fonts using @font-face (fonts that we have not used in our lab session)

–== OR ==–

  • Media Queries
    • Create a page that uses Media Queries to display content differently depending on some aspect of the client that is used to view the page.


  • Create a page with a graphic element that YOU created. This can be SVG or Canvas. It can be very simple, but you must have created it.


  • Create a page in which you can play audio or view video using the new HTML5 Audio or Video elements.

Offline Storage

  • Create a page that uses some form of Offline Storage
    • sessionStorage
    • localStorage
    • or both

Semantic Data

If you have not done this in a previous assignment…

  • Create a page that embeds semantic data (Microdata, Microformats, RDFa)



Create/Edit/Upload your files

  • Create/Edit your files using WebMatrix (preferred) or use a text editor and ftp
  • Update your 00.html page so that there are descriptions beside all the pages that you created

If you absolutely, positively can’t get things to work with uploading your files, use jsbin or one of the other online tools for creating pages and send links to your work by email .


Wondering about the next step after this course?
Register: HTML5 3 – Building Dynamic Experiences with JavaScript
Detailed Description



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s