The Webmaster - HTML and CSS Web Design Course takes you step-by-step through the construction of a high-quality web site using Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), and basic JavaScript.

During the course, students will enjoy the creative experience of developing web pages and will also complete exercises using specialised products such as Adobe Photoshop, Adobe Dreamweaver and ShopFactory. A template of a fictional web site is included in the course to provide important examples of how to implement what you are learning and the course will show to create different effects and designs for your pages, gradually building on the experience and ultimately designing and creating a high quality website of your own.

On successful completion of the course, students will receive the Distance Learning Centre Webmaster Diploma with comprehensive feedback and analysis of your completed work, as well as an accredited Open Awards Level 3 Certificate Award.

The training programme is delivered through the Distance Learning Centre’s new on-line training portal, which is accessed via a web browser such as Internet Explorer, 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 on-line 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:

The course consists of the following lessons:

  • Lesson 1 – An Introduction to the Internet

This lesson introduces you to the Internet and in particular to the Supernova website on which the course is largely based.

The following topics are covered: Introducing the Internet; A Short History of HTML; The SuperNova Web Design Services Web Site; An Introduction to HTML; Lesson Review & Quiz; and Assignment 1 – Building a Simple Web Page.

  • Lesson 2 – A Crash Course in HTML

This lesson provides you with a thorough grounding in HTML, introducing you to all of the major groups of HTML tags.

The following topics are covered: Introducing HTML; HTML Document Types; Text Formatting Tags; Hypertext Links and Anchors; Creating Lists in HTML; Making Forms in HTML; Using Tables and Frames; Using Graphics and Images; Lesson Review & Quiz; and Assignment 2 - HTML Coding Exercises.

  • Lesson 3 – Building Your Home Page

During this lesson you will focus on HTML text formatting tags, be introduced to the fundamentals of graphic design, and start building your first web page.

The following topics are covered: A Review of the Supernova Home Page; An Introduction to Graphic Design; Photoshop Tutorial; Cascading Style Sheets (CSS); Formatting Text Using CSS; Formatting Tables Using CSS; Lesson Review & Quiz; and Assignment 3 - Building Your Own Home Page.

  • Lesson 4 – Information Pages

In this lesson, you will inspect the Supernova "About Us" page, which describes the company background and history. This type of page is suitable for providing a company profile or an overview of a specialist subject or hobby.

The following topics are covered: An Introduction to the SuperNova Information Page; A Review of Image, List and Font Tags; Formatting Lists using CSS; Formatting Backgrounds using CSS; Producing Your Own Image Maps; Lesson Review & Quiz; and Assignment 4 - Building Your Own Information Page.

  • Lesson 5 – Products and Services Page

In this lesson, you will review the Supernova Products and Services page. This type of web page can be used to showcase a company’s products and services or to provide detailed information about a specialist subject or hobby.

The following topics are covered: The Supernova Products and Services Page; Uniform Resource Locators (URL’s); A Review of Hypertext Links, Anchors and Tables; Formatting Hypertext Links using Cascading Style Sheets; Lesson Review & Quiz; and Assignment 5 – Build Your Own Products and Services Page or Equivalent.

  • Lesson 6 – Contact Details Page

Here you will review the Supernova Contact Details page, which contains contact information for visitors.

The following topics are included: The Supernova Contact Details Page; A Review of the Form Tag; Verifying and Debugging Your HTML Code; Lesson Review & Quiz; and Assignment 6 – Build Your Own Contact Details Page.

  • Lesson 7 – Special Effects Master Class

Early implementations of the HTML specifications have been significantly extended to allow today’s new breed of web designers to become more creative. This lesson shows how you can use standard HTML to implement eye-catching special effects without the need for complicated scripting or programming.

The following topics are covered: Creating Animated Gif Images; Utilising Tables for Structure and Colour; Using iFrames; Adding Colour and Images to Your Forms; Creating, Controlling and Positioning Windows; Using Meta Tags to Create a Slide Show; Incorporating Multimedia Files Into Your Web Pages; Lesson Review & Quiz; and Assignment 7 – Adding Special Effects to Your Pages.

  • Lesson 8 – An Introduction to JavaScript

Following on from the previous lesson where you learned some interesting techniques using basic HTML tags, this lesson takes you a step further by introducing you to the JavaScript scripting language.

The following topics are covered: What is JavaScript? The OnLoad & OnUnLoad Event Handlers; The OnClick Event Handler; Creating "Rollover" Buttons; Displaying a Scrolling Message; Creating a Random Advertising Display; Lesson Review & Quiz; and Assignment 8 - Add JavaScript Functions to Your Web Pages.

  • Lesson 9 – An Introduction To HTML Editors

This lesson looks at how you can use off-the-shelf software packages to build web pages and create a fully functional on-line store. We will take a close look at Dreamweaver, a professional web page builder from Adobe, and the award winning ShopFactory Pro which is an easy to use web store builder, where you can create professional web sites with built-in shopping carts. We also look at how you could integrate PayPal into your pages or develop an eBay Store.

The following topics are covered: An Introduction to Dreamweaver; Creating a Rollover Button with Dreamweaver; Creating a Navigation Bar with Dreamweaver; An Introduction to ShopFactory Pro; ShopFactory Pro Tutorial; How to Integrate Your Online Store; Lesson Review & Quiz; and Assignment 9 – Create Your Own Online Store.

  • Lesson 10 – What’s New In HTML5

The World Wide Web Consortium has specified HTML5 with the aim of providing support for the latest multi-media, without the need for proprietary plug-ins such as Flash, and with the ability to run seamlessly on desktops, laptops, and mobile devices such as smart phones and tablets. HTML5 has been designed to replace both HTML4 and XHTML, providing a single mark-up language that can be written in either HTML or XHTML syntax.

The following topics are covered: An introduction to HTML5; The Canvas Element; Multimedia Audio and Video Elements; New Form Elements & Controls; New Structural Elements; New APIs Such As Drag & Drop; Lesson Review & Quiz; and Assignment 10 – Upgrade Your Web Site to HTML5.

Software Requirements:

The Webmaster - HTML & CSS3 Course includes access to 30 day trial versions of the software packages covered within the course materials:

  • Adobe Dreamweaver
  • Adobe Photoshop
  • Shop Factory Pro

Students should only install these trials only when they reach the designated point in the course, and have the required time to complete that section.


There are no particular entry requirements, although it is recommended that students have a good understanding of using computers and reasonable word processing skills.

Please Note: We recommend this course is completed on a PC with the Windows Operating System or on an Apple Mac. As this is an online course it can be accessed on any Internet Ready computer, however certain software packages covered in the course will require specific system requirements and students using alternative platforms may need to source alternative software packages.

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 and a complete web site. Your work can be submitted 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 comprehensive feedback and providing the assignments have been completed to the required standards students will also receive an Open Awards Level 3 Certificate Award with 8 Open Awards Credits.

Open Award Credits can be accumulated with other course or unit credits over a period of time which can lead to an accredited qualification.

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