Build your favourite cartoon hero's website

ASSIGNMENT

You'll be learning how to write HTML and CSS by making a one-page website for your favourite cartoon hero!

DELIVERABLES

Share links to test websites as well as a final link to your character's hand-coded website! A finished website includes the following:

We go from:

b0edfb15

To this:

1648f365

If you're keen, read on!

RESOURCES

Visit these three webpages for all the HTML tags (3 different links)
Visit these two pages for all the CSS rules (2 different links)
Use this color picker or this one if you need custom colors.
Use this site for image resizing, or find your own on Google if you'd like to resize images – maybe for cropping or tiling backgrounds.
Use this cool Panda site for compressing your images (for ultra-quick site loading).

APPS TO DOWNLOAD

We do go through downloading and installing the apps in the class, but eager beavers will always be eager beavers... So here they are

Sublime Text 3
Google Chrome
Github Desktop.
You can create a Github account too (NB. remember to verify your email address)

FOR REF

Here's my cartoon-hero gh-pages Github repository (sounds scary, but it really isn't) if you'd like to take a look.
Here's a final version of the site I show you how to build.

Peter Scully

4