Course Introduction Banner

Webmaster: Advanced HTML & CSS - Level 4 Course

Course Format:Online Course
Self-Study Time:Approximately 140 Hours (Self-Study)
Delivery Time:1-2 Working Days (Email)
Based on 227 reviews from
Course Fees & Payment Options
Pay in full today:
Payment in full on checkout by Card or Paypal
3 monthly payments:
Pay over 3 payments on checkout with Klarna
6 monthly payments:
1 payment of £90.00 taken now 5 further payments of £27.00 - taken monthly with GoCardless
6 Month Payment Option Details:
1 initial payment of £90.00 followed by 5 monthly payments of £27.00 by Direct Debit
Course Description

The Webmaster: Advanced HTML & CSS - Level 4 Course is aimed at students with a pre-existing knowledge of HTML and CSS and will show how responsive web design (RWD) can be used to build stunning responsive websites which allow an optimal viewing and interaction experience using the very latest HTML5 and CSS technology.

The course is an ideal follow-on programme to our Webmaster: HTML and CSS for Beginners Course or for those students who already have a good working knowledge of these programming languages.

The growing number of users who access the Internet via smartphones and tablet computers means that modern web designers must build pages that are responsive to the screen size, automatically adjusting the content to suit the user's device. Responsive web design is a methodology which aims at providing an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices, from computer monitors, through laptops and tablets, to smartphones. A responsive website automatically adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, as illustrated below.

Responsive Web Design Example

As well as learning important responsive web design techniques, you will also be introduced to all of the important new HTML5 elements and, via the magic of CSS3, you will apply a range of special effects, including transitions, transformations, and animations.

The course will show how the new HTML5 API's will allow you to incorporate great features into your website such as brilliant drag & drop and geo-location map facilities, as well as the versatile canvas API which allows you to create two and three-dimensional graphics on the fly, right there on your web pages.

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

Online Course Format

Based on the proven "learn by example” principle which, as the name implies, provides real-world examples to illustrate a particular topic or technique, the courses are delivered through our on-line training portal via a standard web browser, such as Internet Explorer, Firefox, Chrome, Opera, or Safari. The lesson notes are delivered through slides giving you the required information to work through each lesson and there are student files you will download to work on so you are putting into practice what you are learning. You will also be supported by a personal tutor who is available to provide feedback on your work at any time throughout the period of study.

The Webmaster: Advanced HTML & CSS - Level 4 Course includes the following units:
The following topics are covered: Before We Get Started;Getting Started with HTML5 & CSS3;What’s New In HTML5?; Creating An HTML5 Document;HTML5 Document Validation;Incorporating A CSS3 Style Sheet;What’s New In CSS3?CSS3 Document Validation;Lesson Review & Quiz;and Assignment 1 – Build Your HTML5/CSS3 Home Page.
The following topics are covered: What Is Responsive Web Design?; Responsive Web Design With CSS3; Proportional Layouts; Scaling Images; Converting From Fixed To Fluid Design; Cross-Browser Considerations; Examples Of Responsive Web Design; Lesson Review & Quiz; and Assignment 2 – Update Home Page To Be Fully Responsive.
The following topics are covered: Introduction; The Header, Footer & Nav Elements; The Section, Article, & Aside Elements; Other Semantic Elements; The Role Of DIV And SPAN Elements; Dropped Elements & Attributes; Lesson Review & Quiz; and Assignment 3 – Build Your Own "About Us” Page.
The following topics are covered: Background To CSS3; Understanding Cascading Style Sheets; Internal, Inline, & External Style Sheets; CSS3 Rules & Selectors; New CSS3 Colour Formats; Text Effects & Transformations; Multi-Column Layout; Lesson Review & Quiz; and Assignment 4 – Build Your Own Products Page.
The following topics are covered: Recognising Content Boxes; Setting Margins & Padding; Sizing & Positioning Elements; Formatting Borders; Specifying Backgrounds; Text Formatting; Using Shadows & Gradients; Lesson Review & Quiz; Assignment 5 – Build Your Own Information Page.
The following topics are covered: Introduction; List Style Types & Positioning; Defining Shorthand Lists; New HTML5 Table Elements; Assigning Elements as Table Components; Lesson Review & Quiz; and Assignment 6 – Build Your Own Store Front.
The following topics are covered: HTML5 Form Components; Acquiring Text Input; Email, Telephone, & URL Inputs; Check Boxes & Radio Buttons; Selecting Options & Uploading Files; Standard Buttons & Image Buttons; Date, Time, & Range Inputs; Add Some Style With CSS3; Lesson Review & Quiz; and Assignment 7 – Build Your Own Contact Page.
The following topics are covered: Understanding CSS3 Transitions; CSS3 Transformations; CSS3 Animations; Enhancing Your Text; Using Special Cursors; Hiding & Revealing Elements; Lesson Review & Quiz; and Assignment 8 – Add Some Effects to Your HTML5 Pages.
The following topics are covered: Resetting Browser Defaults; Organising Your Style Sheets; Optimising Style Rules; Specifying Default Styles; Lesson Review & Quiz; and Assignment 9 – Optimise & Organise Your CSS3 Style Sheets.
The following topics are covered: Introduction; The Drag & Drop API; The Web Storage API; Inter-Document Messaging; The History API; The Geolocation & Google Maps API; The Canvas API; Incorporating Audio & Video; Lesson Review & Quiz; and Assignment 10 – Shape Drawing Exercise.
Web Design Student Portfolio Gallery

Here are some examples of previous work from our students:


Students require a good knowledge of HTML Programming. This course assumes you have completed the Webmaster: HTML & CSS for Beginners Course or have studied HTML to an equivalent level.

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.

Course Duration & Online Support

You can start this course at any time, and you would be registered for a one-year period. You also have access to a personal tutor who can be contacted by email. Your tutor is available to assist with any queries and to mark your assignments for the Awarding Body.

As the course is self-study, you can complete it as quickly as you like. Support extensions are available if students do not complete the course within the one-year period.


You will be assessed on coursework which is detailed in the course materials. The coursework requires you to create and submit webpages as your assignments. Your work can be sent back to your course tutor by email or by post.

Open Awards Certification

Open Awards

On successful completion of this course students will receive our Webmaster - Advanced HTML & CSS Diploma with comprehensive feedback and providing the assignments have been completed to the required standards students will also receive a Level 4 Open Awards Quality Endorsed Unit Course Certificate with 9 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's 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.

Quick Question

Let us know if you have a question about this course and we will get back to you ASAP.

Student Testimonials
Get the TOTUM Pro Student Card!
Get the TOTUM Pro Student Card!

This course is eligible for the TOTUM Pro Student Card. 

TOTUM PRO is made especially for professional learners, and opens up a whole world of fantastic savings and discounts on everything from dining out and keeping fit to travel abroad... Find Out More

Save money on hundreds of offers for:

  • Fashion
  • Eating Out
  • Music & Technology
  • Supermarkets
  • Health & Fitness
  • Home & Garden
  • Travel
Why Study With Us?
Huge Choice of Courses
We currently offer over 250+ diffeent distance learning courses leading to full Ofqual Regulated Qualifications or Accredited Certificates from National Awarding Bodies.
Customer Reviews
We're a top rated home learning provider on the Find Courses / Independent reviews site, Trustpilot - currently rated 9.6/10 for customer service.
Payment Plans
Choose to pay for your course in full, or spread the cost with monthly instalments. Payment plans are interest-free, with no credit checks.
Quick Delivery
We process all applications quickly and most course materials are available to start within 1 to 3 working days!
Tutor Support
All courses are fully supported and tutors are available to answer any questions, mark your assignments and offer feedback and guidance throughout your course.
Study At Your Pace
Work at your own pace. Our team will support you, but won't chase you for work or apply deadlines for submissions.
Recently Viewed (1)
Webmaster: Advanced HTML & CSS - Level 4 Course
Webmaster: Advanced HTML & CSS - Level 4 Course
From as little as £27.00 per month