PROJECT 2: NEW YORK HERE AND THERE
- What/Where is New York for you?
. New York City?
. Your home town?
. A state of mind?
. Your favorite food?
. Your favorite place? - This "place" is NEW YORK: HERE.
- Now think about when you are away from that choice.
- . It could be your favorite place away from the New York,
. Or the state of mind when you are not in New York,
. Or the feeling of not being in your hometown,
. Or the feeling of extending your hometown to another place...
- This "place" is NEW YORK: THERE.
- Think about places, people, clothes, food, smells, objects, time, anything that connects New York: Here with There, you with yourself.
Objective:
- The goal of this Project is to create a visually interesting site that explores one or several aspects of New York Here and There. It should translate your personal connection with New York Here and There linking images and text. The design should be personal and artistic. This is not a commercial site.
-
1. Create 4-6 hyperlinked web pages.
2. Delivery must be online. Upload all files to your server space at wccweb.cardoso-fleck.com/yourfirstname
3. Sketches/ideas/flowchart due week 2/22.
4. Completed Project due 3/8.
-
5) Explore some of the basic text, linking, CSS and image skills introduced in Chapters 5-8 of Dreamweaver CS3 HOT.
Chapter 5 due 2/22
Chapter 6 & 7 due 3/1
Chapter 8 due 3/8 6) Create a project that is both technically and visually engaging. Experiment with the following elements: standard navigation concepts vs. experimental navigation, site architecture, manipulated imagery, fragmentation of text and images, linear vs. non-linear structures. Consider how your imagery and content relate to one another.
-
Grading criteria
Your project final grade is a total of 15 points:
. NY Here & There Proposal/Site Map/Sketch presented on 2/22 - 2
. Dreamweaver CS3 HOT Tutorial 5 completed on 2/22 - 2
. Dreamweaver CS3 HOT Tutorials 6 & 7 completed on 3/1 - 4
. Dreamweaver CS3 HOT Tutorial 8 completed on 3/8 - 2
. Finished NY Here & There with at least 4 hyperlinked pages - 5
Items considered: Content/Creativity/Design/Navigation/Craftsmanship/Interactivity - PROJECT 2 PAGE [PDF]
-
Examples of online urban artworks:
Mr. Beller’s Neighborhood http://www.mrbellersneighborhood.com
Flashbum http://flashbum.com
Jeff Gates: Dichotomy http://www.outtacontext.com/dichotomy/
Crossing the Boulevard http://www.crossingtheblvd.org/
Martin Wattenberg: Apartment http://turbulence.org/Works/apartment/
Mark Watkins: Manhattan Timeformations http://www.skyscraper.org/timeformations
David Crawford: Stop Motion Studies Tokyo http://www.turbulence.org/Works/sms/
Hidekazu Minami: Infrasonic Soundscape http://www.thejetty.org/thesis
Annette Weintraub: CrossRoads http://turbulence.org/Works/crossroads
Rachel Fujita: Love Hate http://lovehate.us/
Other online resources for network media art projects
We make money not art http://www.we-make-money-not-art.com
Rhizome.org http://www.rhizome.org
Turbulence http://www.turbulence.org
Deadlines & Parameters:
RESOURCES
- Basic Information Structures (Web Style Guide)
- Site Diagrams: Mapping an Information Space (Boxes and Arrows)
- Page Design (Web Style Guide)
- Layouts - Why Bother? (WPDFD)
- Interface Design Primer (WPDFD)
- Navigation (Web Style Guide)
- User-centered Design (Web Style Guide)
- Navigation 101 (Web Developer's Journal)
- Navigation (Web Page Design for Designers)
- Seven Steps to Easier Navigation (Smartisans)
- Mystery Meat Navigation (Web Pages That Suck)
- 38 Page Layout and Visual Design Usability Guidelines
- The Resolution Dilemma
- GIF, JPG and PNG - What's the difference?