Yiga AI

Course 3 of 7

Web Pages with HTML & CSS

Structure, Style, Images, and more.

Yiga AI

Beginner en

Beginner · Course · 3 weeks at 3 hrs/week

Duration
3 weeks
Effort
3 hrs/week
Lessons
20
Hands-on exercises
20
Projects
1
Language
en

What you’ll learn

Skills you can put to work.

From Blocks to Python

Web Pages with HTML & CSS

App Inventor: Build a Mobile App

AI & Machine Learning for Teens

Syllabus

Every module, step by step.

4 modules · 25 lessons · 8 hours · 1 graded project

485 minutes of guided lesson time.

Sign in and enrol to unlock every lesson. The first lesson is open as a preview.

Module 1 · 6 lessons · 1.8 hoursStructureModule 1 of 4 in Web Pages with HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Structure in Web Pages with HTML & CSS.

    Lesson

    20 min

  2. Core concepts

    Core concepts — Structure in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  3. Worked example

    Worked example — Structure in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  4. Hands-on practice

    Hands-on practice — Structure in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  5. Common pitfalls

    Common pitfalls — Structure in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  6. Module quiz: Structure

    Check what you learned in Structure before moving on.

    Quiz · Locked

    10 min
Module 2 · 6 lessons · 1.8 hours LockedStyleModule 2 of 4 in Web Pages with HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Style in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  2. Core concepts

    Core concepts — Style in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  3. Worked example

    Worked example — Style in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  4. Hands-on practice

    Hands-on practice — Style in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  5. Common pitfalls

    Common pitfalls — Style in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  6. Module quiz: Style

    Check what you learned in Style before moving on.

    Quiz · Locked

    10 min
Module 3 · 6 lessons · 1.8 hours LockedImagesModule 3 of 4 in Web Pages with HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Images in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  2. Core concepts

    Core concepts — Images in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  3. Worked example

    Worked example — Images in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  4. Hands-on practice

    Hands-on practice — Images in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  5. Common pitfalls

    Common pitfalls — Images in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  6. Module quiz: Images

    Check what you learned in Images before moving on.

    Quiz · Locked

    10 min
Module 4 · 7 lessons · 2.6 hours LockedPublish a pageModule 4 of 4 in Web Pages with HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Publish a page in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  2. Core concepts

    Core concepts — Publish a page in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  3. Worked example

    Worked example — Publish a page in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  4. Hands-on practice

    Hands-on practice — Publish a page in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  5. Common pitfalls

    Common pitfalls — Publish a page in Web Pages with HTML & CSS.

    Lesson · Locked

    20 min

  6. Module quiz: Publish a page

    Check what you learned in Publish a page before moving on.

    Quiz · Locked

    10 min

  7. Graded project: Web Pages with HTML & CSS

    Apply everything from Web Pages with HTML & CSS in one graded, portfolio-ready build.

    Graded project · Locked

    45 min

Applied learning project

Make the learning visible.

Use Graded project: Web Pages with HTML & CSS to apply this course to a practical challenge. You’ll finish with a clear solution and the reasoning behind your choices.

Apply the course’s core skillMake and explain practical decisionsCreate evidence you can share
Grace A., AI for professions

Your instructor

Grace A.

AI for professions

Shows working professionals how to use AI responsibly inside everyday workflows.

Samuel Mwangi, Yiga learner

“The examples felt relevant to public service and worked on the connection I actually have.”

Samuel Mwangi

Public service officer, Nairobi

Continue with

Your next best step.

Following the order of Creators (Ages 11–13).

See the full chain

Next lesson

Overview and set-up

Web Pages with HTML & CSS

20 min · Resume

Course 4 in the track

Robotics & Micro:bit

Sensors, LEDs, Motors, and more.

Beginner · Course · 3 weeks at 3 hrs/week

Course 5 in the track

App Inventor: Build a Mobile App

Screens, Buttons, Logic, and more.

Beginner · Course · 3 weeks at 3 hrs/week

Course 6 in the track

From Blocks to Python

Python basics, Turtle graphics, Variables, and more.

Beginner · Course · 3 weeks at 3 hrs/week

Learner reviews

What learners say.

Write a review

Sign in to share your experience with this course.

Sign in to review

Loading reviews…

Previous courseCreators ShowcaseNext courseRobotics & Micro:bit

Keep going

Other courses in this track.

View full track
Junior AI Explorers cover illustration
Junior

20 lessons · 8.1h · Beginner

Junior AI Explorers

A safe, creative introduction to patterns, prompts and responsible AI.

Free
Creators Showcase cover illustration
Junior

20 lessons · 8.1h · Beginner

Creators Showcase

Team project, Build, Demo day, and more.

Free