IP491W15A HTML5 2: The Semantic Web

HTML5 logo
Starting Tuesday March 17, 2015.  There are still a few seats 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-10.  Now that HTML5 is now a W3C recommendation we know exactly what the specification means.

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


HTML5 -1 Fundamentals of HTML Authoring

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.


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