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 JavaScript.

During the course, students will enjoy the creative experience of developing multi-media web pages and will learn to use specialised products such as Adobe Flash, Dreamweaver & Photoshop and ShopFactory Pro, gradually building on the experience and ultimately designing and creating a high quality professional website of their 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 the nationally accredited Open Awards Level 2 Certificate Award.

This latest Online version of our best-selling WebMaster training programme has been updated and revamped to encompass the latest web technology. Registering for WebMaster Online gives you fast and easy access to the course’s innovative training materials, which will be continuously updated as new technology is developed.

A template of the fictional SuperNova corporate web site is included in the course to provide important examples of techniques taught, and during the course, you will enjoy the creative experience of developing your own multi-media web pages. You will also be introduced to specialised software products, such as Dreamweaver, Photoshop, and ShopFactory Pro, gradually building on your experience and ultimately designing and creating your own high-quality web site.

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 Online course includes 30 day trial versions of the software packages covered within the course materials:

  • Adobe Dreamweaver

  • Adobe Photoshop

  • Shop Factory Pro

Students are instructed to 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 making up 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 LogoCertification is based on your completed coursework and there is no formal examination at the end of the course. On successful completion of the course, students will be awarded the Open Awards Level 2 Web Design & Construction Award.

This is a Level 2 certificate Award and has 6 Open Award 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 course measurable learning outcomes have been benchmarked at Level 2 (using Ofqual’s Qualification and Credit Framework (QCF) level descriptors) to allow you to consider the depth of study, difficulty, and level of achievement involved.

Further information about Ofqual’s Qualification & Credit Framework level descriptors can be found at

The certification is issued through Open Awards. Open Awards is recognised as an awarding organisation by the qualification regulators for England, Wales and Northern Ireland. The regulator for England is the Office of the Qualifications and Examinations Regulator (Ofqual); for Wales it is the Qualifications & Examinations Regulator for Wales, and the Council for Curriculum, Examinations and Assessment (CCEA) for Northern Ireland. Elearning Centre has been recognised as a centre to offer accredited courses and qualifications through Open Awards.

Please Click Here if you would like information sent about the Open Awards Website Design and Construction award.

View Testimonials
Submit a Testimonial