Web Design Free Online Course Tutorial Using HTML5 & CSS3 | Alison

Web Page Design Using HTML5 and CSS3

Learn how to create and style responsive web pages using HTML5 and CSS3.

Front End Languages
Free Course
Web page design is likely to be one of the most in-demand skills of the 21st century. If you can design and build a beautiful and functional web page, your résumé will be of value to employers around the world. This course will show you in a step-by-step manner how to use HTML5 elements and CSS3 style sheets for responsive web design, so you can learn one of the most effective methods for building a great web page and boost your career today.
  • Duration

    1.5-3 Hours
  • Assessment

  • Certification

  • Publisher

    Channel 9





View course modules


This course will give you a full and clear run-through of how to use HTML5 elements and CSS3 style sheets for responsive web design. The course begins by showing you the structure of a HTML5 web page. You will learn how to declare a HTML5 document and set up the head and body sections of a web page. You will then learn about the most important range of HTML5 elements along with their functions and uses, including the global attributes that can be added to virtually any HTML5 element and how to correctly format them within a HTML5 element.

The course will then show you how to link a HTML web page to a cascading style sheet file. Here, you will learn how to code style sheet instructions that style the various HTML5 elements in the web page. You will also learn about Progressive Enhancement in web design that emphasizes accessibility, semantic HTML markup, and external style sheet and scripting technologies. This will give you a strong understanding and practical knowledge of how to use HTML5 elements and CSS3 style sheets for responsive web design

By the end of this course you will have gained a great new skill which can power real career development. Every aspiring computer programmer and web page designer needs to understand HTML5 and CSS3 in order to have a really complete résumé, and this course lays out these core skills in a simple and easy-to-understand manner in just 3 hours. So get started, and by the end of the week your web design abilities will be at the next level.


Start Course Now

Learning Outcomes

Having completed this course you will be able to: - Build an example of a real world HTML5 and CSS3 web page; - Describe the semantics behind many HTML5 tags; - Explain the function of CSS Selectors, Properties, Syntax etc.; - Explain the difference between content and presentation on web pages; - Describe the three types of lists in HTML5; - Describe the elements for creating tables.


All Alison courses are free to enrol, study and complete. To successfully complete this Certificate course and become an Alison Graduate, you need to achieve 80% or higher in each course assessment. Once you have completed this Certificate course, you have the option to acquire an official Certificate, which is a great way to share your achievement with the world. Your Alison Certificate is:

Ideal for sharing with potential employers - include it in your CV, professional social media profiles and job applications
An indication of your commitment to continuously learn, upskill and achieve high results
An incentive for you to continue empowering yourself through lifelong learning

Alison offers 3 types of Certificates for completed Certificate courses:

Digital Certificate - a downloadable Certificate in PDF format, immediately available to you when you complete your purchase
Certificate - a physical version of your officially branded and security-marked Certificate, posted to you with FREE shipping
Framed Certificate - a physical version of your officially branded and security-marked Certificate in a stylish frame, posted to you with FREE shipping

All Certificates are available to purchase through the Alison Shop. For more information on purchasing Alison Certificates, please visit our FAQs. If you decide not to purchase your Alison Certificate, you can still demonstrate your achievement by sharing your Learner Record or Learner Achievement Verification, both of which are accessible from your Dashboard. For more details on our Certificate pricing, please visit our Pricing Page.


    Need Some Help?

    What is a web page design?
    What are the best free online web page design courses?
    How much does an online web page design course cost?
    New course

    This Course has been revised!

    For a more enjoyable learning experience, we recommend that you study the mobile-friendly republished version of this course.

    Take me to revised course.

    You have received a new notification

    Click here to view them all