NM 121
INTRO. TO WEB PAGE & INTERACTIVE DESIGN
instructor: curt cloninger
email: curt at lab404 dot com
office: Zeis 214. Monday 1-2:30. Tuesday 12-1:30.
location: university of north carolina asheville

class-specific | photoshop | html | dreamweaver | supplementary reading | student sites



intro
syllabus
rough project calendar
attendance and grading policies

major assignments
html/css: personal web site
dreamweaver: NM site-redesign

required texts
Head First HTML (with CSS & XHTML) (freeman, freeman)
Fresher Styles for Web Designers (cloninger)
lynda.com video tutorials (via Ramsey Library)

optional text
Macromedia Dreamweaver CS5, Visual QuickStart Guide (negrino, smith)



resources
Contrast. Repetition. Alignment. Proximity.
principles of graphic design (sections 1)
photoshop tennis example
layer tennis
tennis psd source files (duerden / thomas)
stock photo sources: stock xchange | toolshed (under "images")



resources
a dao of web design (allsopp)
fresher styles for web designers (cf: styles 2-4)
fresh styles for web designers (cf: styles A-B)
for the voice (lissitzky) [cf: the russian avant-garde book (reading room > book #2)]
web site usability basics (cloninger)
web do's and don'ts
w3c markup validation service
stripe generator
browserLab
slammer (grid software)
firebug (in-browser html/css editor)
box model specifications

process
in the garden: a design process revealed (bowman) | css zen garden
web.without.words
Fresh Styles cover comps
make my logo bigger cream

grids
principles of graphic design (sections 3)
müller-brockmann posters
müller-brockmann manual
grid template (elam)
online grid system resources
960 grid system
gridding the 960 (moll)
grid links (designing with Grid-Based Approach)

typography
toolshed (under "fonts")
principles of graphic design (section 5)
historical typeface examples
designing {with} typography
VA344 Typography (ayiter)
typomania (spiekermann)
identifont database
Typedia: A Shared Encyclopedia of Typefaces
helvetica vs. arial
The Comic Sans Hall of Shame:
i'm comic sans...
comic sans criminal
what's so wrong with comic sans? (garfield)
comic sans comic (onstad)
ban comic sans
moca miami (arcangel)
Flickr: The Comic Sans Pool

web typography
browser safe fonts
typographic contrast and the web (green)
an analysis of typography on the web (kukurin)
The Elements of Typographic Style Applied to the Web (bringhurst/rutter)

color
principles of graphic design (sections 2)
color in motion
colors "change" based on their context: example
hue/saturation/value diagram
kuler

project: personal web site
requirement details
css reference table
xhtml tags
lorem ipsum dummy text
javascript image rollover code (view source)

starter templates
basic html template | basic css template
fixed html template (ice layout) | centered html template (jello layout)
maximum/minimum width html template
2-column html template
fancy html template | fancy css template
37signals style sheet
creative time style sheet



resources
usability experts are from mars, graphic designers are from venus (cloninger)
fresher styles for web designers (cf: styles 6-8, +bonus)
fresh styles for web designers (cf: styles D-K)

project: re-design NM site
requirement details
current NM site
student redesign reel



i.d. magazine
how magazine
communication arts magazine
eye magazine
meggs' history of graphic design (meggs)
grid systems in graphic design (müller-brockmann)
grid systems (elam)
the elements of typographic style (bringhurst)
interaction of color (albers)
experience design (shedroff)
don't make me think (krug)
you work for them