Marwa Hussein

Marwa Hussein

Content Developer, Microsoft Corporation
Andrew Byrne

Andrew Byrne

Senior Content Developer, Microsoft Corporation
Adrian Leven

Adrian Leven

Content Developer, Microsoft Corporation
Gerry O'Brien

Gerry O'Brien

Senior Content Development Manager, Microsoft
IITE Institute

IITE Institute



Israac Street, Hamar Jajab District, Benadir


Learn how to build Web sites using HTML5 and basic CSS, directly from W3C, creator of the latest Web standards.

Provided by W3C and Microsoft

About this course

Learn the basics of Web design and style to give your Web sites a professional look and feel.The Microsoft team and experts from the World Wide Web Consortium (W3C) will guide you step-by-step in how to use the latest Web standards to create a site to be proud of.

During the course, you will learn the basic building blocks of Web design and style – HTML5 and CSS – to give your site a professional look and feel.

By the end of the course, you should understand all the fundamental elements – from headers and links to images and sidebars – and leave having built a basic framework for your own Web site.

This course has been initially developed by Dale A. Schouten, Anusha Muthiah and Christopher Perkins, as part of a partnership between W3C and Intel®.

What you’ll learn

  • How to write a Web page
  • Concepts of a markup language
  • Basics of HTML5 and CSS
  • Web design and style
  • Page layout and flexbox

Course Syllabus

  • Module 1: My first Web page
    • The big three: HTML5, CSS, and JavaScript
    • Elements, tags and attributes
    • Character encoding
    • Best practices
  • Module 2: Attributes, images, and links
    • Attributes
    • Semantic meaning
    • Images and Hyperlinks
  • Module 3: Adding style with CSS
    • CSS basic syntax
    • CSS properties
    • Lists and selectors
  • Module 4: Fixing and debugging
    • Debugging tools
    • Debugging and the CSS box model
    • Debugging CSS precedence
  • Module 5: More HTML5 and CSS
    • Tables
    • Multimedia
    • Embedding content
    • CSS tricks
  • Module 6: Basics of page layout
    • Concepts
    • Flexbox
    • Recipe project
    • Where to from here?
Enroll Now

Leave a Reply

Your email address will not be published. Required fields are marked *