Responsive Web Design – From Concept to Complete Site

Access Duration - 365 Days
Guided Learning Hour 07 Guided Learning Hours (07)
Course Materialr Course Material
Number of Modules 08 Number of Modules 08
0( 0 REVIEWS )


With the increase in the usage of internet using devices other than computers such as mobiles, iPads, tablets and IPods, the need for responsive websites and webpages that will adapt to the device being used has also increased. Responsive Web Design that will customise its size, appearance, font and other features as per the device being browsed in is very important to cater to the various internet users in the modern world. It has also become a crucial skill that is needed to get into the competitive industry of web development and design.

If you too are an individual aspiring to or already in the web development or deign industry, looking to up your skills by mastering RWDs, this course might just be the one you were looking for. No matter how minimal of a knowledge you have in Responsive Web Design, this course is all you need to excel in it, as this course is developed to guide you from the concepts of building a Responsive Web Design, to actually building one with the assistance of our tutors.

This comprehensive course is set to enlighten you on the importance of creating responsive websites that is compatible with various devices and browsers, along with the pros and cons of creating them. Building fluid layouts that will resize when the window is changed and the best practices for media queries that are used in customising the appearance of the websites will also be graciously covered through this course.

Not just the theories, this course is also designed to help you build your very own responsive website under the instruction of our highly qualified tutors. The HTML and CSS programming languages that are used in building these websites will also be explored intricately to further solidify your knowledge on the area. 

Why study at Global Edulink?

Global Edulink offers the most convenient path to gain recognised skills and training that will give you the opportunity to put into practice your knowledge and expertise in an IT or corporate environment. You can study at your own pace at Global Edulink and you will be provided with all the necessary material, tutorials, qualified course instructor, narrated e-learning modules and free resources which include Free CV writing pack, free career support and course demo to make your learning experience more enriching and rewarding.

  • Access Duration 
  • Who is this course aimed at?
  • Entry Requirements
  • Method Of Assessment
  • Certification
  • Career Path
  • Benefits you will gain
The course will be directly delivered to you, and you have 12 months access to the online learning platform from the date you joined the course.  The course is self-paced and you can complete it in stages, revisiting the lectures at any time.
This course might interest individuals aspiring to already in the web design or development industry.

Learners must be age 16 or over and should have basic understanding of the English Language, numeracy, literacy and ICT.

The course is assessed online with a final, multiple-choice test, which is marked automatically. You will know instantly whether you have passed the course.

Those who pass this test will get a certificate in Responsive Web Design – From Concept to Complete Site.

This certificate is sure to improve your candidature for a number of jobs in the web development and design industry. You can also use this certificate to study further in the area or to demand for a higher pay or job promotion from your employer. Listed below are few of the jobs this certificate will help you in, along with the average UK salary per annum according to,

  • Web designer – £22,864 per annum
  • Web developer – £24,915 per annum
  • IT Support Technician – £18,912 per annum
  • SEO Specialist – £24,174 per annum
  • Dev Ops Engineer – £40,468 per annum
  • High-quality e-learning study materials and mock exams.
  • Tutorials/materials from the industry leading experts.
  • 24/7 Access to the Learning Portal.
  • The benefit of applying for TOTUM extra Discount Card.
  • Recognised Accredited Qualification.
  • Excellent customer service and administrative support

Key Features

Gain an Accredited UK Qualification
Access to Excellent Quality Study Materials
Personalised Learning Experience
Support by Phone, Live Chat, and Email
Eligible for TOTUM Discount Card
UK Register of Learning Providers Reg No : 10053842

Course Curriculum

Getting Started
Online Training User Manual
E Certificate Download Guide 00:00:00
Section 1: Getting Started With Responsive Web Design
1.1. Exploring Responsive Web Design (RWD) 00:00:00
1.2. Understanding the Use of RWD 00:00:00
1.3. Examples of Adaptive Layouts 00:00:00
1.4. Device Breakpoints 00:00:00
1.5. Pros/Cons of RWD 00:00:00
1.6. Course Overview 00:00:00
Section 2: Building a Fluid Layout
2.1. Fluid Width Layouts 00:00:00
2.2. Working with Percent Width Layouts 00:00:00
2.3. Examples of Fluid Layouts 00:00:00
Section 3: Media Queries
3.1. Media Queries 00:00:00
3.2. Media Query Code 00:00:00
3.3. Testing a Simple Media Query 00:00:00
3.4. Best Practices for Media Queries 00:00:00
3.5. Testing Media Queries on Actual Mobile Devices 00:00:00
Section 4: Building Our First Responsive Page
4.1. Using RWD Demo Files 00:00:00
4.2. Using Sample Files 00:00:00
Section 5: HTML5 Structure for Our Site
5.1. Overview of the HTML Structure for the Demo Site 00:00:00
5.2. CSS Resets and HTML5 00:00:00
5.3. HTML for Container, Header, and Navigation 00:00:00
5.4. HTML for a four Column Content Area 00:00:00
5.5. HTML for a two Column Footer 00:00:00
Section 6: CSS for Our Site
6.1. Using Demo CSS for our Site 00:00:00
6.2. Writing the CSS for the Navigation Bar and Logo 00:00:00
6.3. Building the CSS for Navigation and its Elements 00:00:00
6.4. Tweaking the Navigation Using the Inspect Element 00:00:00
6.5. Formatting the Header 00:00:00
6.6. Styling the Columns 00:00:00
6.7. Formatting Headings and Images in the Columns 00:00:00
6.8. Formatting the Footer 00:00:00
6.9. Tweaks and Fixes to the Body Layout 00:00:00
Section 7: Adding Media Queries to Our Fluid Layout
7.1. Planning for Media Queries 00:00:00
7.2. Tablet Media Query for the Body 00:00:00
7.3. Using Media Query for the Navigation Bar and Logo 00:00:00
7.4. Using Media Query for the Navigation Bar and Logo for Devices Smaller Than the Tablet 00:00:00
7.5. Using Media Query for Columns to Reorient Horizontally 00:00:00
7.6. More on Column Queries and Footer 00:00:00
7.7. Final Tweaks for Phone-Sized Devices 00:00:00
Section 8: Advanced Features/Considerations for the Future
8.1. Advanced Features/Considerations 00:00:00
8.2. Dealing with Font Size EMs 00:00:00
8.3. Using Percent-Based Fonts and Dealing with Problems with EMs and Percent 00:00:00
8.4. Demo of EM and Percent-Based Font Sizes 00:00:00
8.5. Solution to Issues with REMs 00:00:00
8.6. Future Considerations: VM, VH, VMAX, and VMIN 00:00:00
8.7. Current Solutions to Text Size Issues and Responsive Background images 00:00:00
8.8. Using Background Images, Adaptive Images, and Bandwidth 00:00:00
8.9. Responsive Grids 00:00:00
8.10. CSS Pre-processors 00:00:00
Mock Exam
Mock Exam : Responsive Web Design – From Concept to Complete Site 00:40:00
Exam : Responsive Web Design – From Concept to Complete Site 00:40:00

Students feedback


Average rating ()
5 Star
4 Star
3 Star
2 Star
1 Star

No Reviews found for this course.

WhatsApp chat