Assignment: Cascading Style Sheets

In this assignment you will develop a Cascading Style Sheet (CSS) to control, the look, feel, and layout of some provide HTML content.

You should already have your system set up on PythonAnywhere and have completed the HTML assignment before starting this assignment. The HTML assignment sets up your application to serve static files and we will need that set up to do this assignment.

In this assignment, you will transform from this:

To this:
Using only CSS.

Resources

There are several sources of information so you can do the assignment:

Pre-Requisites

Tasks

Here are the tasks for this assignment. These tasks can be done by editing HTML and CSS files in your `site` folder on PythonAnywhere.

Note - that as you change files like `blocks.css` you may need to make sure that when you hit 'refresh' that a new copy of the file is loaded. One some browsers, you can press 'Shift-Refresh' to force a reload of the cache so you get a fresh copy of the file.

What To Hand In

For this assignment you will hand in:

  1. Image (JPG or PNG) of your index.htm with the styling applied
  2. Image (JPG or PNG) of the source code of your blocks.css file
  3. Image (JPG or PNG) of your blocks.css passing the W3 CSS validator

Sample Screen Shots

Passing the CSS validator:

Provided by: www.dj4e.com

Copyright Creative Commons Attribution 3.0 - Charles R. Severance