Introduction
The purpose of the TM assignment is to introduce you to some fundamentals of CSS multi-column layout with divs and floating elements.
We'll also practice with image layout and presentation, image links, text formatting, the CRAP principles and visual logic.
topPrep
Read or browse (as needed) Alain de Botton's "On Habit" (handout), so that you get a good sense of his term "traveling mindset" (50).
Define the term in your own words and save it in a file. You'll include the definition in your introduction to your TM page, that you'll build next week.
For this assignment, in the spirit of de Botton, try to see a familiar area with new eyes and in closer detail (53). Specifically, find twelve features of your everyday environment (your room, your dorm or house, your neighborhood, your regular routes to work or class, where you eat or play, etc.) that you previously have failed to notice. Study these features and photograph each of them at least once. (Or sketch them, if you prefer.) Give each feature a distinguishing name (e.g., the Yellow Corner, the Broken Tree, the Wrong Map) and write a few sentences about it: describe the feature, or the associations it evokes in you. Save all this information in a new "tm" folder in your "hw" folder and have it ready for next week's class (Week 5).
topIngredients
Your TM Project page requires the following ingredients:
- 12 photographic images or sketches of your own production
- access to images in both "thumbnail" and full-scale versions
- a descriptive and catchy title for each image
- a descriptive caption for each image
- a banner in an
h1element - a 100-word introduction for the page
- relevant footer content
- author picture in the header or introduction
- CSS formatting
- CSS float-based layout
- all CSS rules in an external file
- CRAP principle-based design
Optional: Divide images into 2-4 categories labeled with h3 headers.
Saving
Save your TM Page, your TM CSS file, and the related image folder in your "drafts" folder on Eden.
top