IP491F15A HTML5 2: The Semantic Web

HTML5 logo
Starting Tuesday September 29th, 2015.  There are a few seats still available.

HTML5 2: The Semantic Web

This course can be applied to the Award of Achievement HTML5 AcademyThis course can be applied to the Award of Achievement HTML5 Academy

This course can be applied to the UBC Certificate in Multimedia and Web Development.

HTML is no longer just for the Web.  With the advent of HTML5 its influence will pervade every major mobile platform — and Windows 8.   HTML5 skills with along with JavaScript and jQuery, are becoming indispensable to developing in almost any vendor environment and on every device form factor.

In this course you will learn to identify the key features of HTML5 that distinguish it from previous versions of HTML, and build HTML5 compliant web pages that employ the most immediately relevant features in common use today.  This is also laying the groundwork for developing for other platforms.

This is a workshop oriented course in which the focus will be on building web pages. Learn strategies and tools to support cross-browser compatibility and use online tools to validate your markup. In addition to using the new semantic and multimedia elements you will learn how Canvas, Form elements, and Web Storage can contribute to rich user experiences.  You will be able to view your web pages live on the web.

Duration: 12 Hours (4 evenings)

Register for this course: HTML5 2: The Semantic Web

Theoretical Objectives

At the end of the course you will be able to discuss or answer:

  • What is HTML 5?
  • Where does HTML5 fit in with other technologies?
  • What’s new in HTML 5?
  • What level of support is there for HTML5 in Browsers?
    • Workarounds and Tools that support HTML5
  • Development tools
  • What can I use today?
  • The Semantic Web?
  • Using the new elements
    • Heading
    • Article
    • Section
    • Footer
    • Cite, Details, Mark

More new Elements

  • Media elements
    • Audio
    • Video
  • Canvas
  • Form elements
  • Web Storage
  • Application Caching
  • Geolocation
    • CSS Layouts
    • Where JavaScript fits in
  • Impacts on Search Engine Optimization

Practical Objectives

You will learn about creating standards compliant web sites and recognize the application of the concepts shown in the Theoretical Objectives.

Specifically, you will be able to use these new elements

  • Heading
  • Article
  • Section
  • Footer
  • Cite, Details, Mark
  • Audio
  • Video


Fundamentals of HTML Authoring (IN320)

Prior experience authoring in HTML 4 is required, CSS or visual design is an asset but is not required.

Knowledge of the following will be very helpful:

  • Cascading Style Sheets (CSS) for styling page elements
  • CSS for page layout
  • JavaScript

Access to the internet is required to complete assignments.

Lab Equipment and Devices

The sessions are conducted in a computer lab and you will have a lab computer for you to use.
You are welcome to bring your own computer to the lab sessions if you prefer to use that. Wireless access is available in the lab.

At times you will be doing a fair bit of typing and you will want to have a large enough screen and separate physical keyboard so that you can view content and type at the same time.

Lab exercises are based on using the lab computers.
If it appears that you are having challenges with your own device, we will ask you to use the lab computer.

Please plan to use your own cloud based storage (SkyDrive, DropBox, iCloud or similar) or a USB storage key.

Instructional Methods

  • Hands-on labs
  • Discussion
  • Online collaboration
  • Lecture
  • Homework assignments submitted online

Course Materials

  • Web site
  • Course notes
  • Printed copies of on-screen lecture notes available on request during lectures

No Recording or Pictures in the Lab

Please note: Taking pictures or video during the course sessions is not permitted. All the course materials and lecture notes are available in physical form and on the web.


2 thoughts on “IP491F15A HTML5 2: The Semantic Web

  1. Dear Jim,
    I’m currently registered in the Programming Mechanics and Mindset and I also registered to take JavaScript in October. I already took HTML 5 1 and CSS I’d love to take this upcoming course as a final elective. Would you advise me to wait till I completed JavaScript or could I register for this one now :D??

    PS: This is the healthy noodle shop I recommend [with lots of vegetarian options]
    Healthy Noodle House  
    Address: 2716 W 4th Ave [right after the Naam]
    Phone:(778) 371-8371

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