- maria-hupfieldthe-one-who-keeps-on-giving.html
- everything-was-now-1968-circa-1968.html
- media-ecology-revisiting-tv-garden.html
- theorizing-the-web.html
- through-post-atomic-eyes.html
- deep-city-climate-crisis-democracy-and-the-digital.html
Starting with the material provided from one of the above content packages, typeset a document with the intent of it being an announcement for the event.
Consider the form, hierarchy, and structure of the page, and how the link(s) on the page relate to the given theme. You must use at least one HTML file. Consider separating content across multiple pages if needed, or directing visitors to an external site for further information. You can start with the boilerplate template below, or with the files above:
Take note of the text content being presented in relation to the form, typography and navigation of the site. How do people approach the text? What's a unique aspect of the event that could influence how the page is composed? How will you use type to bring life to these texts? The purpose of this assignment is to start developing your skills with the range of typographic tools available in CSS.
Images can be added to the page(s), but they should be captioned and attributed to their originating source. This exercise is focused on working with typography on the web and any use of images should be deliberate and not impact the typographic treatment.
JavaScript can be added to further develop a concept if needed. It is not a requirement, but is an optional component as we look at its uses in further classes.
Each document must include:
❑ At least 3 distinct levels of typographic hierarchy
❑ A hyperlink to a separate page, or a link to a related external site
❑ A defined concept related to the selected text
❑ A consideration towards the structure of your page (Where your elements sit)
❑ An embedded typeface
You may need to adjust your HTML file as you go along—perhaps you'll need DIVs between sections or you want to target specific things with your stylesheet (consider adding IDs and classes to your elements).
Examples of websites that create unique and thoughtful experiences for their viewers:
-
Wander: This website literally builds itself as your navigate through it.
-
A Journey in Which I Travel North, on the World’s Most Beautiful Voyage, Searching for the Specter of My Grandfather and a Glimpse of the Ever-Elusive Midnight Sun: This article uses a variety of editorial cues to create an engaging reading experience.
-
Lost Code: Lost Code is a graphic design project exploring the friction in translation. This website uses the digital paradigm of representing 3D space (the Google map) to create a frictional experience that resembles reading a translated text.