Based off the CSS Zen Garden, this track aims to show you the power of HTML and CSS.
“CSS stands for Cascading Style Sheets with an emphasis placed on “Style.” While HTML is used to structure a web document (defining things like headlines and paragraphs, and allowing you to embed images, video, and other media), CSS comes through and specifies your document’s style—page layouts, colors, and fonts are all determined with CSS.” (source)
Although there are new tools and technologies to help with frontend design, we want to focus our attention back on the basics. CSS is a powerful and often overlooked tool, and with this design track, we hope you will learn something new about CSS.
The goal of this track is to redesign the Rice residential college website. All of the information currently included on the site must be displayed on your new page, but you are welcome to structure it however you’d like.
You may modify the style sheet and HTML to do things such as rearrange the text or import fonts. However, you cannot add any more text.
We’ve provided a sample HTML file containing all the text on the page for you to begin with, as well as a sample CSS file to demonstrate a few ways in which the text can be formatted. Feel free to add images from the website and modify the sample CSS file to incorporate your design ideas. Download the sample files to get started.
CSS Zen Garden Submissions (note that none of these submissions use javascript - CSS is a powerful tool!)
A: No.
A: Yes, feel free to modify the HTML template (i.e. to rearrange the text or import fonts). However, you cannot add anymore text. You also cannot use JavaScript or anything other than HTML and CSS.