R4 000.00
Forge a solid understanding of web design and incorporate responsive design to create a site that adapts to your users’ various screen sizes. Creating styled and responsive sites based on thoughtful designs is critical to making your website stand out.
 Digital learning |
 Start anytime |
 Months course access |
 Skillsoft LMS access |
 Online Skillsoft mentor |
 Certified by Optimi College |
Course fee: R4 000.00
Deposit: R1 000.00
Monthly instalments: R750.00 x 4
Duration: You will have Skillsoft access to this course for 12 months. The average time required to work through the syllabus is:
Course code: C01348
Course overview:
Forge a solid understanding of web design and incorporate responsive design to create a site that adapts to your users’ various screen sizes. Creating styled and responsive sites based on thoughtful designs is critical to making your website stand out.
In this Journey, you will begin by exploring the basics of web design by creating wireframes and incorporating color, typography, and navigation design using CSS. In the third and fourth tracks, you will learn how to create responsive layouts using CSS Flexbox, Grid, and Media Queries. In the fifth track, you will learn how to apply eye-catching transitions and animations. In the last track, you will learn about accessibility and CSS techniques to make your website accessible to a larger audience.
The tracks you will cover in this journey are:
Modules and topics covered:
Track 1: Web Design
Responsive Web Design: Wireframes
Web Design Basics
UI and UX Wireframing
Design Guidelines and Patterns
Track 2: Color & Typography
CSS Color
Color Theory
Color UI
CSS Typography
HTML and CSS Text Design
Track 3: Navigation and Layout
Navigation and Layout
HTML and CSS Links and Buttons
HTML and CSS Secondary Navigation
Styling Page Elements & Data
Responsive Web Design: Grid Spacing
CSS Flexbox
CSS Grids
Track 4: Responsive Design
CSS Sizing Elements
CSS Media Queries
Advanced Options & Responsive Web Design
Track 5: Transitions and Animations
CSS Transitions
HTML5 with JavaScript & CSS3: Adaptive AI, Graphics, & Animation
Track 6: Accessibility
Introduction to Web Accessibility
Accessibility & Design
Introduction to Accessibility Design
CSS Accessibility
Academic grade: No minimum school pass requirements or formal prerequisites.
Language: Proficiency in English (course material and support only available in English).
Expertise level: Beginner
Equipment: Access to a PC or laptop with a reliable internet connection.
Effort: Self-paced learning online.
Course type: Short course
Industry partner: Skillsoft
Certification: Certificate confirming course completion.
Certification issued by: Optimi College
Assessment information:
Each track concludes with a final internal exam that will test your knowledge and application of the topics presented throughout that specific track. There are no external certification exams for this course.
Dedicated support team
We understand that students may require guidance and support to navigate the learning journey, and our Client Services team is always ready to assist them in every possible way. Our team is readily available during office hours and can be contacted via email, phone, WhatsApp and social media.
Skillsoft Learner Management System (LMS) access
Skillsoft is an online learning management system that offers all students enrolled for any of our IT Academy courses compelling content, interactive videos, quizzes, mentoring and practical simulations/virtual labs. The platform allows students to learn at their own pace.
"*" indicates required fields
