Project: Magazine
Project: Magazine
Embedded Files
Introduction
Introduction
Create a multi-page magazine website. Using the HTML/CSS techniques we've learnt so far from other projects, put together a magazine website of all the things you love.
What you will make
What you will make
An multi-page animated magazine like this one.
What you will learn
What you will learn
Using the CSS float attribute to make a two-column layout.
Using links to make a mutli-page website.
Revision of lots of other HTML/CSS techniques.
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/magazine and follow each step in the project.
Challenge 1: Add items to the left column - place items inside a floated element.
Challenge 2: Navigate between pages - create links between pages in a project.
Challenge 3: Fill in the second page - use your HTML/CSS knowledge to design and build a second page.
Challenge 4: Add animation - use @keyframes to add animated characters to your page.
Here is a link to the finished project: trinket.io/html/a41e4e1c5c
Page updated
Google Sites
Report abuse