Webmaster – HTML and CSS for Beginners

Course code: DLC008

Take the first step towards your career in web design with this webmaster course!

  • Understand how to write HTML and CSS script in the correct formats.
  • Learn how to incorporate multimedia elements such as audio, video and interactive content.
  • Study how to outline your elements, as well as validating and debugging your code.
  • Improve your understanding of special effects, JavaScript and HTML5.
This course is only available to study online.
Course overview

With technology today continuously developing, this course is regularly updated so students can be confident that they are studying the most up-to-date methods.

This course is ideal for both those aspiring to begin their career web design and those who want to build their own website.

Course Duration

Up to one year.

Course Outcome

You will receive a Webmaster – HTML and CSS Diploma.


Tutor-marked assignments.

Course content
  • Before we get started
  • Introduction to the Internet
  • Getting Started With HTML
  • Getting Started With CSS
  • Getting Started With CSS
  • Introduction to HTML EditorsLesson Review & Quiz
  • Assignment 1 – HTML & CSS Exercises
  • Headings, Paragraphs, & Sections
  • Introducing HTML Colours
  • Navigation With Hypertext Links
  • Graphics & Images
  • Ordered & Unordered Lists
  • Introducing HTML Tables
  • Simple HTML FormsLesson Review & Quiz
  • Assignment 2 – Create A “Contact” Web Page
  • 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
  • Assignment 3 – Add Styling To Your “Contact” Web Page
  • Common HTML & CSS Errors
  • HTML & CSS Document Validation
  • Avoid Cross-Browser Issues
  • Outline Your Elements
  • Using Browser Development Tools
  • Lesson Review & Quiz
  • Assignment 4 – Debugging Exercises
  • 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
  • Assignment 5 – Build Your Own Landing Page
  • 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
  • Assignment 6 – Create An Audio/Video “Jukebox”
  • Text Effects
  • Implementing Web fonts
  • CSS Gradients
  • Box Sizing With CSS
  • Implementing Box Shadows
  • Using Border Images
  • Transitions & Transformations
  • Lesson Review & Quiz
  • Assignment 7 – Include Special Effects In Your Landing Page
  • 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
  • Assignment 8 – Create A Photo Gallery
  • 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
  • Assignment 9 – Drag & Drop Exercise
  • Before You Get Started
  • Creating Your Own Store Front
  • Store Building Software Products
  • Creating & Managing A Store With Wix
  • Lesson Review & Quiz
  • Assignment 10 – Build Your Own Store Front
  • Assessment
Extra info


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.

Course Duration

You will have a full year to complete this course, which is plenty of time to be able to study at your own pace and learn around your other commitments.

Study Method

You will study this course through distance learning, which means you can learn at a time and place to suit you. You will study this course online and work will be submitted to your course tutor by email or post. You will receive a year’s full tutor support by email, so help is only a click away!

Course Outcomes

On successful completion of this course, students will receive a Webmaster – HTML and CSS Diploma with comprehensive feedback. 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.
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 3 (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.

Awarding Body

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.


No previous skills or knowledge are needed to enrol onto this course. Although it is recommended that you have a good understanding of using computers and a working knowledge of using text editors, experience of downloading and installing software packages, a basic knowledge of file compression software and experience using web browsers and email.

We recommend this course is completed on a PC with the Windows Operating System or on an Apple Mac. Your computer will need to have Internet access, as links to various software packages will be included. You will also need be required to have Notepad++ (or an equivalent text editor) and an HTML5-compliant browser and links to suitable options included.

You may start at any time and have a full year to complete your studies. This course is truly flexible and adaptable around your lifestyle and other commitments.

  • Online learning platform
  • Personal tutor support
  • Assignment marking and feedback
  • Dedicated student support
  • FREE XO Student Discounts card
  • FREE CV critique service
  • FREE employability guide to help you impress future employers

No, everything you need is included in the price!

You will send your work to your personal course tutor for them to mark and return to you. On successful completion of the course, you will be awarded your Webmaster – HTML and CSS Diploma.

That's not a problem. We want to make sure you’re 100% confident about enrolling on the course and starting your study. So, just give our Student Adviser Team a call on 03300 563 100 and they’ll do their best to help.

You may also like

Creative Digital Design

Single course

or from £329 in full

Video Game Design

Single course

or from £329 in full

or from £329 in full

Enrol now

If you are interested in and you’re looking for a more flexible approach to learning that fits around your life - this is the ideal course for you. Enrol online today by clicking below or speak to one of our advisers for more information.

Enrol on this course