MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Using HTML5 and CSS3

Course Summary

This course tackles the topic of HTML5 and CSS3 with the perspective of upgrading an existing site. A realistic approach is demonstrated that explains how and why to modify existing HTML tags to use HTML5 features. Tips and tricks provided to ensure a con

  • +

    Course Syllabus

    ● An Accelerated Overview of HTML5 and CSS3
        ◦ Introduction
        ◦ Course Objectives
        ◦ Overview of HTML5 and CSS3
        ◦ Scenario Overview
        ◦ Summary
    ● Semantic Tags
        ◦ Introduction
        ◦ What is Missing from HTML5?
        ◦ Why Semantics?
        ◦ New Semantic Elements
        ◦ DEMO-Setting up Visual Studio 2010
        ◦ DEMO-Create 'old' HTML page
        ◦ DEMO-Outline 'old' HTML
        ◦ DEMO-Update Page with Semantics
        ◦ DEMO-Outline with HTML5
        ◦ Summary
    ● Audio, Video, and Canvas
        ◦ Introduction
        ◦ Overview of User Experience
        ◦ DEMO-Prepare a Simple HTML5 Template
        ◦ DEMO-Simple Audio
        ◦ DEMO-Multiple Audio
        ◦ DEMO-Modify Web.Config for Video
        ◦ DEMO-Video Player
        ◦ DEMO-Canvas Basics
        ◦ DEMO-Upgrade Scenario
        ◦ Summary
    ● New Form Inputs
        ◦ Introduction
        ◦ Overview of HTML Form Inputs
        ◦ DEMO-Simple HTML Form
        ◦ DEMO-Required Input
        ◦ DEMO-Placeholder Attribute
        ◦ DEMO-Email Input
        ◦ DEMO-URL Input
        ◦ DEMO-Meter Tag
        ◦ DEMO-Upgrade Scenario
        ◦ Summary
    ● CSS3
        ◦ Introduction
        ◦ Overview of CSS
        ◦ DEMO-Adding CSS3 and How
        ◦ DEMO-Fonts
        ◦ DEMO-Colors
        ◦ DEMO-Shadowing
        ◦ DEMO-Rounded Corners
        ◦ DEMO-Gradients
        ◦ DEMO-Transforms
        ◦ DEMO-Form Inputs
        ◦ Summary
    ● User Experience Across Multiple Browsers
        ◦ Introduction
        ◦ Challenges with Browsers
        ◦ DEMO-Fallbacks
        ◦ DEMO-Feature Detection
        ◦ DEMO-Usage Scenario
        ◦ Summary


Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations and Networks & IT Infrastructure Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top