HTML and CSS
Introduction to HTML/CSS: Project Collection
Happy Birthday

In this project, you’ll be introduced to HTML and CSS by learning how to make your own customised birthday card.

Tell a Story

In this project, you’ll learn how to create your own webpage to tell a story, joke, or poem.

Mystery letter

In this project, you’ll create a mystery letter that looks like each word has been cut from a different newspaper, magazine, comic or other source.

Project Showcase

In this project, you will create a showcase of your HTML projects and learn about links and embedding resources.

Introduction to Web: Learning Path
Flip Treat Webcards

Create a flip card with a treat from around the world. The card flips over when you hover over or tap it.

Mood Board

Create a mood board webpage for a real or imaginary project. A mood board is a collage that arranges images, fonts, colours and other design elements.

Build a Webpage

Create a webpage about something you want to share. It is best to have completed all projects in the Introduction to Web learning path before starting this project.

More HTML/CSS: Project Collection
Build a Robot

In this project, you’ll learn how to position images to design your own robot using HTML & CSS!

Stickers

In this project, you’ll create lots of fun stickers that you can use to decorate web pages. You’ll learn about using gradients that gradually change from one colour to another to make your stickers look cool.

Linked Rooms

In this project, you’ll create a set of linked rooms where each room is a different web page which you can decorate with HTML.

Magazine

In this project, you’ll learn how to use HTML and CSS to create a multi-page magazine website with a two page layout. You’ll also revisit lots of HTML and CSS techiques from other projects.

Pixel Art

Create a pixel art editor. As well as using HTML and CSS, you’ll learn how to use JavaScript to add interactivity to your project.
