Introduction to HTML/CSS: Project Collection

Happy Birthday

Happy birthday

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

Happy birthday

Tell a Story

Tell a story

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

Tell a story

Wanted!

Wanted

In this project, you’ll learn how to make your own poster.

Wanted

Recipe

Recipe

In this project, you’ll learn how to create a webpage for your favourite recipe.

Recipe

Mystery letter

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.

Mystery letter

Project Showcase

Project showcase

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

Project showcase

More HTML/CSS: Project Collection

Build a Robot

Build a robot

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

Build a robot

Stickers

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.

Stickers

Sunrise

Sunrise

In this project, you’ll learn how to use CSS to create an animated sunrise.

Sunrise

Linked Rooms

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.

Linked rooms

Magazine

Magazines

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.

Magazines

Pixel Art

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.

Pixel art
  • Access 100’s of free fun projects
  • Anyone can teach
  • 13,000 active clubs worldwide