Speak To A Course Advisor - Call 01539 724622
Please read our policy statement on Coronavirus - Covid-19.

Webmaster – Responsive Web Design

Webmaster – Responsive Web Design
  • webmaster-responsive-web-design


This course is available in Online format.

The Webmaster – Responsive Web Design course is an online learning programme designed to teach those with some previous knowledge of HTML and CSS how Responsive Web Design (RWD) can be used to create impressive websites and online content that is responsive to different viewing platforms. Internet users are increasingly accessing online content via smartphones and tablets, meaning that content, layout, images, and any other feature of a website, needs to be responsive to changes in sizing, panning, and scrolling across all kinds of devices. This course will show you how.


There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Need Help? Contact Us Leave Feedback

Categories: , , .

Tags: , , , , , , , .


Webmaster – Responsive Web Design

Course code: WEB05

Delivery method: Online

Course duration: 12 Months

Entry requirements: No prior qualification needed

Award achieved: Open Awards Certificate

Awarding body: Open Awards

This online course will teach students all of the important new HTML5 elements required for truly responsive web design and, via CSS3, how they can apply a variety of special effects, including transitions, transformations, and animations to their web content.

The course will show how the new HTML5 API’s allows students to incorporate amazing features into their websites, including drag & drop/ geo-location map facilities, as well as the versatile canvas API, allowing them to create 2 and 3-dimensional graphics quickly and easily.

NB: In order to engage with this course, students will require a strong knowledge of HTML programming. This course assumes you have completed the Webmaster – HTML & CSS 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.


The course consists of the following ten lessons:

Lesson 1 – Introduction

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.

Lesson 2 – Responsive Web Design

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.

Lesson 3 – HTML5 Semantic Elements

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.

Lesson 4 – Introduction to CSS3

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.

Lesson 5: Styling Content & Layout with CSS3

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.

Lesson 6 – Styling Lists & Tables with CSS3

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.

Lesson 7 – Stylish HTML5 Forms

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.

Lesson 8 – Using CSS3 to Create Special Effects

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.

Lesson 9 – Optimising & Organising your CSS3 Code

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.

Lesson 10 – The Powerful HTML5 API’s

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.

Qualification Information

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 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, though the award itself is not a nationally recognised qualification.

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.

Method of Study

Online Version

Our online courses are fully digitised versions of the paper-courses, so you can study on any PC or smart device when connected to the internet.

As with the paper course, your online learning programme is completely flexible, so you can study at a pace that suits you.

All of our online course content is broken down into bite size chunks to make your learning more manageable and effective.






Method of Assessment

The course contains a number of assignments which your tutor will mark and give you valuable feedback on. We call these Tutor Marked Assignments (TMAs). You need only send the TMAs to your tutor for comment, not the self-assessment exercises which are also part of the course to help you gauge your progress.

Course Length Information

This course can be taken over a 12 month period but you can complete it as fast or as slowly as you wish.

Tutor Support

You will have access to a tutor via email who will mark your work and guide you through the course and will assist you with any problems you may have. In addition you will be supplied with a comprehensive Study Guide which will help you through the study and assessment process.