Working with type online, you will:

Use HTML and CSS to build 5 webpages

Use good typography throughout (because good type is always welcome!)

Read and respond to various writings on Type History, Modernism, Clarity, and Postmodernism (because type does not live in a vacuum, and typographic approaches are not mere styles.)

Write a 750-1,250 word essay on typography in response to readings.

Find related images to incorporate into your essay, learning how to prepare them for the web.

Do your personal best to take risks and try new things.

Web Typography

 

Week 1

Tuesday, September 21 / November 2

Introduction to HTML and CSS
Assignment 1: Word Connotations
Introduction to divs, h1, h2, h3, h4

Introduction of Haiku project

Homework due Thursday:
Work with your team to finish Haiku (2-3-2 or 3-5-3).

Homework due next Tuesday:
Finish Word Connotations.
Post it on your server space.
Read pages 28-35 of Typographic Web Design.
Do the lesson: A Short Bibliography, Part 1.
Post it on your server space.

 

Thursday, September 23 / November 4

Meet in 310: Letterpress!

Introduction to letterpress.
Set your haiku, lock up, print, clean up.

Homework due next Tuesday (same as above):
Finish web assignments.
Post them on server.

Homework (due next Thursday): READ

Note: I'm giving you the number of pages so you can plan your time wisely. Expect to spend 8-10 minutes per page. (41 pages x 8 minutes = 5 hours and 47 minutes of reading by a week from today.)

 

Friday September 24 / November 5

HTML/CSS lab 11:00-1:00 (most Fridays in first lab).

 

week 2

Tuesday, September 28 / November 9

Assignment 3: A Short Bibliography, Part II
Introduction to font-linking
Google Font API

Homework due Thursday:
Finish the readings.

Homework due next Tuesday:
Read pages 36-38 (choosing a second font).
Finish Bibliographies.
Post them on your server space.
Read pages 43-47 (creating rhythm and tension).

Thursday, September 30/ Wednesday November 10

Discuss readings, what you plan to write about.

Homework due next Thursday:
First draft of an essay with examples.
Traditional and modern layouts of essay in InDesign.

Friday, October 1 / November 12

HTML/CSS lab 11:00-1:00 (most Fridays in first lab).

 

week 3

Tuesday, October 5 / November 16

Assignment 4: A is for Alignment.

Thursday, October 7 / November 18

First crit on Traditional and Modern Layouts.
Edit essays.

Homework to do next week:
Refine Traditional and Modern layouts.
Edit and refine essay.
Gather more examples as needed.

Friday, October 8 / November 19

HTML/CSS lab 11:00-1:00 (most Fridays in lab).

 

Week 4

Tuesday, October 12 / November 23

November date: work in lab finishing A is for Alignment, starting Essay Layout.

Thursday, October 14 / November 25

No class. Catch up as needed.

Friday, October 15 / November 26

No HTML/CSS lab.


Week 5

Tuesday, October 19 / November 30

A is for alignment due.
Work in lab building layouts in HTML/CSS.
Post all work thus far on your server space.

Thursdays October 21 / December 2

Crit layouts. Trouble-shoot.

Friday, October 22 / December 3

HTML/CSS lab 11:00-1:00 (most Fridays in lab).

 

Week 6

Tuesday, October 26 / December 7

Work in lab refining layouts in HTML/CSS.
Post on your server space.

Thursday, October 28 / December 9

Final crit on layouts.
Post final work next week.

Friday, October 29 / December 10

HTML/CSS lab 12:00-1:00 (most Fridays in lab).

 

Week 7

Tuesday, November 2

All final web typography files due, in working order (including links!) on your web server by start of class. Go to class with Doug Scott in Room 306.

Tuesday, December 14

Work in lab.

 

exam week

Morning class

Monday, December 20, 11:30 am – 2:30 pm.

Afternoon class

Wednesday, December 22, 11:30 am – 2:30 pm.

 

 

 

 

Resources

Download Software to Write HTML and CSS

TextWrangler
for the Mac.

Notepad++
for the PC.

Online HTML, CSS, and Color Resources

HTML dog: for finding and setting properties and values.

The Hues Hub: hexidecimal color charts.

Notes: saving images for the web

Type for web (sites)

Nice Web Type

Typetester: Compare Fonts for the Screen

A List Apart
for people who make websites

ilovetypography analyzes one of their 15 best examples of type on the web