Webmaster – Responsive Web Design Course


Anyone with pre-existing knowledge of HTML and CSS will benefit from the Responsive Web Design Course.

Responsive (mobile friendly) web design aims at providing an optimal viewing experience 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.


Webmaster – Responsive Web Design Course at Level 4

  • Course code: DLC-RWD
  • Delivery method: Online
  • Course duration: 12 Months
  • Award achieved: Open Awards Certificate of Achievement
  • Awarding body: Open Awards
  • Approximate Self Study Time: 140 Hours

Software Requirements:
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.

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

This course is an ideal follow-on programme to the Webmaster – HTML and CSS Course or for those students who already have a good working knowledge of both HTML and CSS.

Modern web designers must build pages that are responsive to the screen size and therefore mobile friendly, to accommodate the growing number of users who access the Internet via smartphones and tablet computers.

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 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 – Responsive Web Design Diploma with comprehensive feedback and analysis of your completed work, as well as the nationally accredited Open Awards Level 4 Certificate Award.

Course Content

The Webmaster – Responsive Web Design Course is structured as follows:

  • Lesson 1 – Introduction
    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.
  • Lesson 2 – Responsive Web Design
    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.
  • Lesson 3 – HTML5 Semantic Elements
    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.
  • Lesson 4 – Introduction to CSS3
    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.
  • Lesson 5 – Styling Content & Layout with CSS3
    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.
  • Lesson 6 – Styling Lists & Tables with CSS3
    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.
  • Lesson 7 – Stylish HTML5 Forms
    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.
  • Lesson 8 – Using CSS3 to Create Special Effects
    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.
  • Lesson 9 – Optimising & Organising your CSS3 Code
    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.
  • Lesson 10 – The Powerful HTML5 API’s
    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.
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.


On successful completion of this course students will receive our Webmaster – Responsive Web Design Diploma with comprehensive feedback and providing the assignments have been completed to the required standards students will also receive an Open Awards Level 4 Certificate Award with 9 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 4 against level descriptors published by Ofqual, to indicate the depth of study and level of difficulty involved in successful completion by the learner.

The course measurable learning outcomes have been benchmarked at Level 4 (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.

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.


There are no reviews yet.

Be the first to review “Webmaster – Responsive Web Design Course”

Your email address will not be published. Required fields are marked *

Paper based courses are only available for UK deliveries. Online courses are available for UK and International students. Dismiss