• Ê
  • Â

5 Outline

í Assignment 8: Post final project by 1pm today

We’re ending our two-week class today. FTP your final website to our FTP servers as you have done with previous assignments. Create a post and categorize it as “Final project”. The post should have a link to your website, a screen capture of your home page, and a paragraph or two describing the project.

The description should mention: who the website is for (audience), any technical or visual features that you don’t want us to miss (highlights), and if there are aspects you couldn’t get to or would like to after the course is over.

Be sure to fill out a course evaluation at the end of class.

b Add comment    J 

Leave a Reply

í Assignment 7: Prepare site for group Charrette at 3pm

Everyone should FTP their working files by 3pm and make a post with a link to their project for the whole class to see. Categorize the post as Final in progress. Be sure to name your folder something that will not be overwritten when you upload your final final on Friday.

b Add comment    

Leave a Reply

í Assignment 6: Research and present to your group
July 26, 2013

Due by end of day

Commit to a topic or direction for a website project. In keeping with the presentations and discussion yesterday, begin this process by researching and sketching. Research may include any of the following:

  • Collecting and generating content
  • Understanding the context in which the site will exist: competitors, audience
  • Visual research: precedents for how the site might look and feel
  • Technical inspiration or tools that may make your sketches a reality

The form of your research will vary based on your project idea and your research methods. Consider a Pinterest site, a tumblr blog, a Google Doc with links, Evernote, Keynote presentation (or pdf), digital images, or a combination of these. Present your research to your working group at a meeting at the end of the day for feedback.

You may find sketching at this point helps, too, especially if you’re sketching as a research tool.

Some inspirational sites

b Add comment    

Leave a Reply

Y Group Meetings and Breakdowns

See our teacher notes in the comments

10:00 Group 1

– Portfolio multimedia — video, sound, imagery (lots of types)
– Portfolio for design website — video
– not_sure

10:30 Group 2

Kathy P.
– Portfolio for design/illustration
Sarah B.
– Artist website. Coding/Technical expedition research.
Sarah M.
– Portfolio site

11:00 Group 3

– Redesign of company website
– Medical Services website (2-D designs)
– Company website – but not there
– not_sure

11:30 Group 4

– Musical Theater club. Small group website.
– Small company website / about food /
– Teacher website
– Website for Staffs homeless shelters. Signup, calendar. Existing site.

b 2    

2 responses to “Group Meetings and Breakdowns”

Leave a Reply

Y Schedule for Day 5

9am: Meet as a class

  • Recap Greg’s presentation & process

10am-12pm: Small group meetings with John/Jerel

  1. What do you want to make?
  2. Split up in to 4 Groups of 3/4 based on type of website
  3. Set up meetings with John/Jerel at 30 minute intervals starting at 10am. Put groupnames in comments below.

1pm—3pm: Individual meetings as needed

3pm: Present initial research to your small group

Weekend: Sketch, continue research

b Add comment    

Leave a Reply

í Assignment 5: Create a one page web poster

This past spring, I taught a course that sponsored about 10 conversations between myself and designers who initiated project ideas and found funding, sponsors or distribution. Think books, products, furniture, website aggregrators, and more. Although I produced the posters in inDesign, I can imagine these in html and css … made for the screen, with a printout being extra. So, let’s do that. Create a single page website for one of the lecture posters — Danielle Aubert’s lecture.

You may make the design your own. But given that this is a half-day assignment, I’d suggest working with the design concept provided, but altering some details as needed/wanted. Use Helvetica as a typeface.


b Add comment    

Leave a Reply

í Assignment 4: Make a Scandinavian flag with CSS

Choose one of the Scandinavian countries (link to Non-Swedish flags at the bottom) and construct its flag in two ways: using absolute positioning and using floated divs. Apply the links to both from one post assigned to assignment 1. The size of the flag is up to you.


  1. Exercise solution with Float
  2. Exercise solution with absolute positioning


b Add comment    

Leave a Reply