The Webmaster - HTML and CSS Course is a beginner’s course, designed for students who are interested in starting a career as a Web Designer or who simply want to build their own personal or a company/organisational website.

The course is designed as a thorough introduction to the HTML and CSS web development tools, and shows our students how to build a high-impact landing page with a stunning photo gallery, optimised for the popular search engine search algorithms and responsive to the browser screen size. During the course, our students will also build a contact page and their own store front, using some compelling animation, transition, and transformation techniques to attract their visitors.

The course covers the following topics: (i) Getting started with HTML & CSS; (ii) a comprehensive HTML primer for beginners; (iii) an extensive CSS primer for those new to CSS; (iv) code validation and debugging techniques; (v) an introduction to the basic principles of web design; (vi) incorporating multimedia elements into web pages; (vii) including special effects, such as text shadows, and sensational drop-down menus; (viii) an introduction to the JavaScript scripting language; (ix) an introduction to the powerful HTML5 APIs; and (x) the creation of an online store.

On successful completion of the course, students will receive the Distance Learning Centre Webmaster Diploma with feedback and analysis of your completed work, as well as an Open Awards Quality Endorsed Unit Course Certificate.

HTML and CSS Course The training programme is delivered through the Distance Learning Centre’s new online training portal, which is accessed via a web browser such as Internet Explorer, Edge, Firefox, Chrome, or Safari. Throughout the course students are supported by a personal course tutor who can give feedback on your work at any time throughout your study.

The training programme consists of 10 online lessons, each of which is divided into a number of related topics, and each lesson closes with an interactive quiz and assignment. The course is self-paced so you simply study as and when time permits.

There are a number of additional practical exercises to complete along the way which help to give a thorough understanding of the course content.

View samples of previous students work:

Webmaster HTML & CSS Course student work
Webmaster HTML & CSS Course student work
Webmaster HTML & CSS Course student work
Webmaster HTML & CSS Course student work
Webmaster HTML & CSS Course student work
Webmaster HTML & CSS Course student work

The course consists of the following lessons:

  • Lesson 1 - Getting Started

The following topics are covered: Before We Get Started; Introducing the Internet; Getting Started with HTML; Getting Started with CSS; Getting Started with Graphic Design; Introduction to HTML Editors; Lesson Review & Quiz; and Assignment 1 - HTML & CSS Exercises.

  • Lesson 2 - An HTML Primer for Beginners

The following topics are covered: Headings, Paragraphs, & Sections; Introducing HTML Colours; Navigation With Hypertext Links; Graphics & Images; Ordered & Unordered Lists; Introducing HTML Tables; Simple HTML Forms; Lesson Review & Quiz; and Assignment 2 - Create A "Contact" Web Page.

  • Lesson 3 - A CSS Primer for Beginners

The following topics are covered: Incorporating A Style Sheet; CSS Rules & Selectors; Incorporating Colour & Images; Padding, Margins, & Borders; Styling Text & Blocks; Styling Lists & Tables; Styling Forms; Positioning Elements; Lesson Review & Quiz; and Assignment 3 - Add Styling To Your "Contact” Web Page.

  • Lesson 4 - Code Validation and Debugging

The following topics are covered: Common HTML & CSS Errors; HTML & CSS Document Validation; Avoid Cross-Browser Issues; Outline Your Elements; Using Browser Development Tools; Lesson Review & Quiz; and Assignment 4 - Debugging Exercises.

  • Lesson 5 - Introduction to Web Design

The following topics are covered: Web Page Structure; Include A Maximum Impact Landing Page; Include Intuitive Site Navigation On Every Page; Choose Easy-To-Read Fonts; Consider Including A Photo Gallery Or Slide Show; Incorporate Responsive Design Techniques; Search Engine Optimisation; Lesson Review & Quiz; and Assignment 5 - Build Your Own Landing Page.

  • Lesson 6 - Incorporating Multimedia

The following topics are included: Introduction To Multimedia; Common Audio Formats; Common Video Formats; Inserting Audio With The <audio> Tag; Inserting Video With The <video> Tag; Animation; Interactive Content; Lesson Review & Quiz; and Assignment 6 - Create An Audio/Video "Jukebox".

  • Lesson 7 - Introducing Special Effects

The following topics are covered: Text Effects; Implementing Web fonts; CSS Gradients; Box Sizing With CSS; Implementing Box Shadows; Using Border Images; Transitions & Transformations; Lesson Review & Quiz; and Assignment 7 - Include Special Effects In Your Landing Page.

  • Lesson 8 - Introduction to JavaScript

The following topics are covered: Introduction; JavaScript Variables & Simple Arithmetic; Comparison & Logical Operations; Event Handlers; Conditional Branching; Introduction To FOR Loops; A Scrolling Message & Random Advertising Display; Lesson Review & Quiz; and Assignment 8 - Create A Photo Gallery.

  • Lesson 9 - Introduction to HTML5 API's

The following topics are covered: What Is An API; The Geolocation API & Google Maps; The Drag & Drop API; The Canvas API; The Web Storage API; The History API; Lesson Review & Quiz; and Assignment 9 - Drag & Drop Exercise.

  • Lesson 10 - Creating an Online Store

The following topics are covered: Before You Get Started; Creating Your Own Store Front; Store Building Software Products; Creating & Managing A Store With Wix; Lesson Review & Quiz; and Assignment 10 - Build Your Own Store Front.

You can view a full list of the course synopsis with all subtopics here: Webmaster - HTML and CSS Course Synopsis.

Software Requirements:

The Webmaster - HTML and CSS Course can be completed on a PC with the Windows Operating System or on an Apple Mac computer. The course includes links to various software packages, although the only software required to actually complete this course is Notepad++ (or an equivalent text editor) and an HTML5-compliant browser. We recommend Google Chrome as the most suitable browser for completing the course, but students should also test their web pages in other browsers such as Firefox, Internet Explorer, Edge, Safari and Opera.


There are no particular entry requirements, although it is recommended that students have a good understanding of using computers, a working knowledge of using text editors, experience of downloading and installing software packages, a basic knowledge of  file zipping software and experience using web browsers and email software.

Course Duration & Support:

Students may register at any time for a fully-supported one-year training licence and will have constant access to a personal tutor via email. As the course is self-study, you can complete in as little or as long a time as you prefer within the one year licence period.


You will be assessed on the completed assignments contained in the training programme. The coursework consists of individual web pages. Your work can be sent to your course tutor by email or by post on completion of your training.


Open Awards LogoOn successful completion of this course students will receive our Webmaster - HTML and CSS Diploma with feedback on your work and providing the assignments have been completed to the required standards students will also receive a Level 3 Open Awards Quality Endorsed Unit Course Certificate with 8 Open Awards Credits.

The completion of this course alone does not lead to an Ofqual regulated qualification but may be used as evidence of knowledge and skills towards regulated qualifications in the future. To this end the learning outcomes of the course have been benchmarked at Level 3 against level descriptors published by Ofqual, to indicate the depth of study and level of difficulty involved in successful completion by the learner.

You can find further information on qualifications/certificates and their levels on the Ofqual Qualification & Credit Framework level descriptors page.

The certification is issued through Open Awards. Open Awards are an Awarding Body Organisation approved by Ofqual. Set up in 1981, Open Awards (Previously the North West Region of the National Open College Network - OCNNW) have been in business for over 30 years and are a not for profit organisation and a registered charity.

Please Click Here for more information about the Open Awards Certification.

View Testimonials
Submit a Testimonial