Creating Styled and Responsive Sites

Course fee

Cost: 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:

• 12 courses (9h 10m) / 18 labs (18h) / 13 others (13h 10m)
• Optional additional resources are available to enhance your learning in your own time.

About the course

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:

• Track 1: Web Design
• Track 2: Color & Typography
• Track 3: Navigation and Layout
• Track 4: Responsive Design
• Track 5: Transitions and Animations
• Track 6: Accessibility

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

Admission requirements

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.

Accreditation status

Course type: Short course

Industry partner: Skillsoft

Certification: Certificate confirming course completion.

Certification issued by: College SA

Assessment details

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.

What to expect

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.