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.
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.
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.
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 https://www.payscale.com/career-path-planner,
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 | |||
Exam : Responsive Web Design – From Concept to Complete Site | 00:40:00 |
No Reviews found for this course.