For this project, you will create a web-based experience in the form of a navigation or a journey through a space. Think of a place that is important to you. This place can be real or imaginary and it can be on any scale, enormous or tiny. You will create a series of linked html pages (no fewer than 25 and up to 50) that take a visitor through this place with you.
This project emphasises your creative portrayal of this place to a visitor through the use of first-person perspective. Are you taking us on a tour of a place small and intimate, like your grandmother's jewlery box? Are you taking us on a journey through an imagined otherworldly landscape? Are you taking us on a walk through the woods behind your childhood home? Or someplace else?
Your webpages can link in a linear fashion, or they can link to each other as a tree or a non-linear, multi-path navigation experience (think choose your own adventure books). Look at example “Twine” sites for inspiration twinery.org.
- Code 25-50 linked webpages using the html we have learned so far.
- Your site should be coded correctly and should function as a series of offline folders and files.
- This project emphasises text and your design of type of a page, however, you may use up to 3 images or gifs.
- Submit this project on Google Drive as a zipped file.
- Include with your project submission 1 paragraph of text (approx 300 words) describing your idea and concept for the project. This should be an extra html page added to your site.
Suggestions for implementation
- Write and edit your text-based narrative.
- Start your designs on paper in your sketchbook for this class. These designs will allow you to work through what text from your narrative will be each page, what the link structure of the site will be (ie: which pages will link to which other pages?), and how the pages will look.
- Once you are happy with a design on paper, begin to work with the html to design your first page
- Continue creating and designing each of the pages for the site, adding links to the other pages (be sure no page is left out of the link structure).
- When the project is complete, upload it to your UNCA New Media server space (this will be demonstrated in class) and find the url to the first page. Remember, the first page should be titled "index.html".
- Although it may feel 'limited' or look 'simple', navigable text on a page can be quite powerful. Use the limitations of this assignment to your creative advantage!
We will be holding interim and final critiques for this project -- see the course schedule for the dates.
- Meets the criteria in the Instructions section.
- Planning and implementation, spelling, grammar and punctuation are correct.
- Creativity and originality.
- Use of typography and execution of the design.
- Consideration of interactivity and user experience
- Demonstrates an increased understanding of the use of html tags to markup text.