- Platform
- edX
- Provider
- World Wide Web Consortium (W3C)
- Effort
- 4-6 hours/week
- Length
- 6 weeks
- Language
- English
- Credentials
- Paid Certificate Available
- Part of
- Course Link
Overview
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
Taught by
Dale A. Schouten, Anusha Muthiah and Chris Perkins
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
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 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?
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 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?
Taught by
Dale A. Schouten, Anusha Muthiah and Chris Perkins