Three homework assignments to be finished by week 8.
No additional homework will be given.
previous homework needs to be completed.
Be ready to present your work in class by week 8.
Midterm:
- Portfolio is to have a minimum of five pages, the landing page, three product pages and a bio page.
- Navigation does not have to extend beyond five pages but it’s a good idea to plan and develop the entire online portfolio. Having your information architecture and navigation in place saves on revision time.
- Implement the HTML5 Boilerplate, build the navigation and code the remaining design.
- Start simple with a responsive wireframe that works on all three types of devices, from phones to large computer screens, before developing the details of your design.
- Post the wireframe
Build Political Website
- You are to be inspired by a political cause and built a five page website highlighting some aspect of the political cause if your choice as a practice run to see how quickly you can build a convincing website. Use available content by searching the web. This is only an exercise in building a website, please take pictures and copy from other sources. State your case, back it up with facts and tell the world what it’s about.
- The New School celebrated its centennial last Semester and I submitted a proposal and got two lectures happening, but that has passed. This semester they have the Climate Emergency Teach-In on March 2, a Monday, from 11:00 to 3:00. I will be there. Attend and do your website on the climate emergency.
- Create a website highlighting what you learned and build a convincing argument. State your case, back it up with facts and tell the world what you are going to do about it. I do not expect you to write the material yourself. Google the information from whoever shares your options including copy, facts, and pictures.
- The Website is due in Two Weeks along with the portfolio website. It should be built with the new flex box and css grid and use the new typographic tools we went over in class.
- Other topics: Climate Change social justice , imperialism, or find your own. Does it have to be political. No, but it better be good.
Typography Poster
- Typography Exersize: Watch the the Don’t be Afraid video on Web Typography by Jessica Hische and Russ Maschmeyer. It is only 11 minutes long. The first half explains font-family, font-weight, font-size, text-transform, letter-spacing, line-height and text-align. The second half goes through the creation of a menu in 11 steps with a link to the the starting file along with the steps mentioned in the video so you can follow along: step 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 and the final step 11. Take a look at the finished file. You’ll learn a lot and it is what I want your typography to look like, so please take the time to watch the video!
- Know the rules in design and typography. Know when to break them. Be inspired to push or break the rules for typography in web design. David Carson on the end of print with William S. Burroughs reading from his own texts.
David Carson: The End of PRINT
David Carson: Ted Talk
Chose a poem or statement or use the Cummings Poem l(a
“l(a” is a poem by E. E. Cummings. It is the first poem in his 1958 collection 95 Poems
“l(a” is arranged vertically in groups of one to five letters.
-
-
- l(a
-
-
-
- le
- af
- fa
-
-
-
- ll
-
-
-
- s)
- one
- l
-
-
-
- iness
-
When the text is laid out horizontally, it either reads as l(a leaf falls)oneliness —in other words, a leaf fallsinserted between the first two letters of loneliness– or l(a le af fa ll s) one l iness, with a le af fa ll s between a l and one.