Home / Explore / Code Club HTML & CSS Projects

Code Club HTML & CSS Projects

View Details

Using these Code Club projects you will learn how to use HTML and CSS to create websites.

Share this challenge.


Age: 0 - 20


Step
1
Complete TWO Activities: HTML & CSS Module 1

Wanted!

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

Happy Birthday

In this project, you’ll be introduced to HTML & CSS by learning how to make your own customized birthday card!

Tell A Story

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

Recipe

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

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.

Step
2
Complete TWO Activities: HTML & CSS Module 2

Build a Robot

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

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.

Sunrise

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

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 techniques from other projects.

Pixel Art

In this project, you’ll 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.