Project: Build a Robot
Project: Build a Robot
Embedded Files
Introduction
Introduction
Create a picture by using CSS code to design and assemble your own robot. Learn how to position images by giving them an HTML id and using CSS properties. Draw your own features and import them into your project to make a really unique character!
What you will make
What you will make
A fun robot character like this one.
What you will learn
What you will learn
Using CSS classes
Using CSS to style images
Absolute and relative positioning
Adding images to a webpage
What you will need
What you will need
A computer or tablet capable of accessing the internet.
Let's get started
Let's get started
Use this link to go to the Code Club online project: projects.raspberrypi.org/en/projects/build-a-robot and follow each step in the project.
Challenge 1: Giving your robot eyes.
Challenge 2: Giving your robot a mouth.
Challenge 3: Design your own robot.
Challenge 4: Add your own robot feature images.
Page updated
Google Sites
Report abuse