B. Projects - risdesignet/wd-winter2019 GitHub Wiki

Projects

Project 4: Compilation

  • Compile all of your work into a single website. These should all be linked from an index.html file living at your repository root.
  • Be sure to organize your files into appropriate folders (avoid spaces and capitals)
  • Be consistent in your naming
  • Site should work for both large and small screens
  • Every Project and Exercise should be in their own respective folder. Include any process images (sketches, etc.) in a process folder, but please do not include raw psd files. In addition, you should have an "About Me" section, and section with all of your reading responses which you posted on Slack. Below is a sample folder structure:
repository-name(root)
β”œβ”€β”€ index.html
β”œβ”€β”€ style.css
β”œβ”€β”€ script.js
β”‚
β”œβ”€β”€ projects
β”‚   β”œβ”€β”€ project1
β”‚   β”‚    β”œβ”€β”€ project1.html
β”‚   β”‚    β”œβ”€β”€ project1.css
β”‚   β”‚    └── images
β”‚   β”‚           β”œβ”€β”€ img1.jpg
β”‚   β”‚           β”œβ”€β”€ img2.jpg
β”‚   β”‚           └── img3.jpg
β”‚   β”œβ”€β”€project2
β”‚   β”‚    β”œβ”€β”€ project2.html
β”‚   β”‚    └── project2.css
β”‚   .
β”‚   .
β”‚   .
β”œβ”€β”€ exercises
β”‚   β”œβ”€β”€ exercise1
β”‚   β”‚    β”œβ”€β”€ ex1.html
β”‚   β”‚
β”‚   β”œβ”€β”€ exercise2
β”‚   β”‚    β”œβ”€β”€ ex2.html
β”‚   β”‚    └── ex2.css
β”‚   .
β”‚   .
β”‚   .
β”œβ”€β”€ about
β”‚   β”œβ”€β”€ about.html
β”‚   β”œβ”€β”€ about.css
β”‚   .
β”‚   .
β”œβ”€β”€ reading_responses
β”‚   β”œβ”€β”€ responses.html
β”‚   β”œβ”€β”€ responses.css
β”‚   .
β”‚   .
└── process
    .
    .
    .
  • Due Wednesday February 6

Project 3: A Record

Choose a span of time to represent as a multi-page website. This might be your personal history (every year of your life), your activities over a 7 day week, or a 24-hour period.

  • Gather data and contents (imagery, etc.) Consider different forms of media.
  • Determine a navigational system suitable for your framework: is it linear or modular? How do you build a sequence?
  • How do you express the passage or experience of time? What is the website about?
  • Pay close attention to the user experience. What information orients / disorients?
  • Incorporate at least one interactive element using jQuery / JavaScript.
  • Due Monday January 28

2: (De)design Systems

Choose and study a β€œdefault” of the web and either enhance it or subvert it. Whether you are subverting or enhancing the behavior, be deliberate; the site should demonstrate self-consciousness in its mode of construction.

  • Pick a system, convention, or trend of the web (either past or present.) Study its iterations.
  • What is / is not communicated with this? What audiences does it assume? What systems does it support / not support?
  • Determine an approach to illustrate your findings.
  • Develop your site in HTML, CSS, and JavaScript. How does the visual and interactive language support the content?
  • Due Monday January 22.

Project 1: Styling Lyrics

Choose a text and use web technologies as an expressive platform for it using HTML & CSS

  • Pick an expressive piece of text: song lyrics, a poem, a manifesto, etc.
  • Combine with imagery and sketch out a design for this text.
  • Translate this sketch into HTML & CSS
  • Reference on designing for the screen: What Screens Want
  • Due Monday January 14.
⚠️ **GitHub.com Fallback** ⚠️