Project 1: Website as ?

“My favorite aspect of websites is their duality: they’re both subject and object at once. In other words, a website creator becomes both author and architect simultaneously. There are endless possibilities as to what a website could be. What kind of room is a website? Or is a website more like a house? A boat? A cloud? A garden? A puddle? Whatever it is, there’s potential for a self-reflexive feedback loop: when you put energy into a website, in turn the website helps form your own identity.” – Laurel Schwulst

Reading:

• Laurel Schwulst: My website is a shifting house next to a river of knowledge. What could yours be?

Choose an original text and consider your relationship to it. What typographic form can manifest this relationship? Imagine a metaphor for this site: website as _____?

Markup and style the text as a website consisting of at least 5 pages / sections. The text you use should be written by you, but it can be any format. It could be a single longer text broken up into 5 or more components, or a compilation of disparate texts.

Play with how the type relates to each other, through scale, texture, positioning, color. What kind of readership do you want to encourage for this site? Typography (live text) should be the primary design elements.

Possible writing forms:

• A list of lists
• A collection of links
• A manifesto
• A guide
• A conversation
• An interview
• An archive

Week 1

• markup your text in semantic HTML
• style it in CSS
• explore HTML markup and CSS properties

Week 2

• refine the typography and layout structure
• consider the overarching information architecture
• make it responsive
• publish your page within your repository by Feburary 27

Supporting Tutorials

• Shay Howe: HTML & CSS
• Codecademy Learn HTML
• Codecademy Learn CSS
• Learn Layout
• Flexbox Froggy
• CSS Grid
• Publishing your site via Github Pages