intermediate Web Development

HTML and CSS

Understand html concepts and css formatting for web development

0% Completion

Lecturer Stephan Weitsz Software lecturer focused on Python, robotics, and beginner-friendly problem solving.

I’m a developer passionate about building practical systems and guiding students in learning how to code effectively. I...

Course pricing ZAR 100.00

Charged per lesson

Knowledge needed

No knowledge prerequisites have been added yet.

Equipment

No equipment requirements have been added yet.

Ask about this course

Send a course query before registering, or ask for more detail as a registered student.

Name Email

Mobile (optional) Subject (optional)

Question

Course outline

Preview lessons are open to everyone. Enroll to unlock the full course.

Section 1

HTML

This course introduces students to the fundamentals of HTML (HyperText Markup Language) and teaches how to structure modern web pages using semantic and accessible markup.

13 lessons

Introduction to Web Development

markdown - enroll to unlock

Locked

Setting Up Your Environment

markdown - enroll to unlock

Locked

HTML Document Structure

markdown - enroll to unlock

Locked

Headings, Paragraphs, and Text

markdown - enroll to unlock

Locked

Lists and Links

markdown - enroll to unlock

Locked

Images

markdown - enroll to unlock

Locked

Audio and Video

markdown - enroll to unlock

Locked

Semantic HTML Elements

markdown - enroll to unlock

Locked

Divs and Containers

markdown - enroll to unlock

Locked

HTML Tables

markdown - enroll to unlock

Locked

HTML Forms

markdown - enroll to unlock

Locked

Accessibility Basics

markdown - enroll to unlock

Locked

HTML Best Practices

markdown - enroll to unlock

Locked

Section 2

CSS

This course teaches students how to style and design modern websites using CSS (Cascading Style Sheets). Students will learn how to control layout, colors, typography, responsiveness, animations, and visual presentation for professional web development.

20 lessons

What is CSS

markdown - enroll to unlock

Locked

Adding CSS to HTML

markdown - enroll to unlock

Locked

CSS Selectors

markdown - enroll to unlock

Locked

Colors and Backgrounds

markdown - enroll to unlock

Locked

Fonts and Text

markdown - enroll to unlock

Locked

Google Fonts and Icons

markdown - enroll to unlock

Locked

Understanding the Box Model

markdown - enroll to unlock

Locked

Borders and Shadows

markdown - enroll to unlock

Locked

Display and Positioning

markdown - enroll to unlock

Locked

Flexbox Layout

markdown - enroll to unlock

Locked

CSS Grid

markdown - enroll to unlock

Locked

Responsive Design - Media Queries

markdown - enroll to unlock

Locked

Responsive Images and Units

markdown - enroll to unlock

Locked

Transitions and Hover Effects

markdown - enroll to unlock

Locked

CSS Animations

markdown - enroll to unlock

Locked

Advanced Techniques - Variables and Reusability

markdown - enroll to unlock

Locked

Modern CSS Features

markdown - enroll to unlock

Locked

CSS Frameworks - Bootstrap

markdown - enroll to unlock

Locked

CSS Frameworks - Tailwind

markdown - enroll to unlock

Locked

Bootstrap vs Tailwind

markdown - enroll to unlock

Locked