This project is inspired by David Shea's CSS Zen Garden, a webpage from the early days of CSS that sought to show designers just how powerful this new language was.
As you work on this project, you can create up to 3 different designs for this template, showing off your design skills. Once we are done, your teacher will work to put all of the class designs into a single gallery so we can enjoy them as a class.
In your early projects, you inserted style directly into your
HTML with style= tags. In the early days of the web,
coders were forced to abuse the <table> tag to
create side-by-side layouts.
We must clear the mind of the past.
The CSS Zen Garden invites you to relax and focus all your efforts
on a single style.css file, working in a single
language: Cascading Style Sheets.
Create a dynamic and beautiful layout using only CSS and show it off to your friends.
There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation.
CSS allows complete and total control over the style of a hypertext document. This page is designed so that clicking on one of the links to a stylesheet will change the CSS, but leave the HTML intact.
When we are done, we will have radically different designs achieved with identical HTML. We will be many and also one. Diverse and yet the same. United, but distinct.
You may modify the style sheet in any way you wish, but not the HTML. This may seem daunting at first, but breathe deeply, study CSS, and you will find the way to web enlightenment.
To complete this project, you must do the following: