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.