T 1/20
|
Introduce Personal Course Home Page (PCHP) Introduce class, |
|
|
|
"BETA" versions, "round" character (vs flat or diffuse), Web site "concept," "design scheme," a "preamble." |
R 1/22 |
Settle on concept for PCHP Project |
Assessment (before)
Liquid Page Design, Setting Up a Site in Dreamweaver, Jello Page design |
Obtain a USB drive (a.k.a "flash" or "thumb" drive). Create the suggested set of folders on your drive.
Complete brainstorming session for the PCHP concept
Decide on a "concept" for your Personal Course Home Page.
|
setting up a "site" in Dreamweaver, exporting site information, editing HTML pages with Dreamweaver, posting files to the Web, folder management, clustering, free-writing. importing site information back into Dreamweaver, basic Dreamweaver page-editing skills: inserting text, modifying text, inserting images from the "assets" folder. |
liquid design,
|
T 1/27 |
Discuss isssues of usability design
preambles |
Intermediate Banner Techniques, ,Beginning Banner Techniques, Webx |
Write a draft of your "preamble"
Online readings about usability: Jakob Nielsen, Shirley Kaiser, and Dirk Knemeyer.
Complete any exercises assigned at the end of lastclass (Liquid).
Try logging onto Webx discussion to post the URLs of those assigned exercises.Come in with a decided concept for your PCHP project
Work on PCHP
|
Dreamweaver skills
Photoshop skills. |
Usability, Meaning vs. Representation, Screen Real Estate, Resolution, People as Users, Differentiation, Commoditization,
|
R 1/29 |
preambles |
Tracing Images in DW, |
|
|
Contrast
Repetition,
Alignment,
Proximity |
T 2/3 |
Studio Session for the PCHP (BETA), introduce workshop process |
|
Work on PCHP |
|
|
W 2/4 |
PHCP Beta due by noon |
|
|
|
|
R 2/5 |
Bring in revisions of PCHP |
Colors (Poynter)
|
|
archiving the BETA version of the PCHP. |
Color "Dimension" Itten's Seven Contrasts of Color Hue "Complementary" Colors, Saturation Proportion |
T 2/10 |
Studio Session for the PCHP (final), introduce workshop process
|
Colors (Screenalicious) |
Work on PCHP Final version |
|
|
W 2/11 |
PCHP Final due by noon |
|
|
|
|
R 2/12 |
Introduce Glocalization Site Project
Glocalization Brainstorming
|
Colors (Screenalicious) |
Read the Glocalization Assignment and, as a mental exercise, come in as if you had a quesiton or concern! |
|
Glocalizaiton |
T 2/17
|
Glocalization Site Project
|
Mark-Up Language, Tiling Backgrounds
|
|
|
"topic/angle," "a condition of glocalized panlocality." |
R 2/19 |
Discuss topics/angles for Glocalization |
Glocal "angles" (copy and paste exercise)
Headings |
|
|
|
T 2/24 |
Bring in one-sentence explanation of your Glocalization Project idea (topic, angle, value) |
Menus, Headings con't, Templates, |
Read Chapters 7 and 8, William Interface / Navigation and Bad / Good Design, Williams and Tollett: |
|
MENUS: Introspective Terms, Granularity, Internal and External links, Mystery Meat Navigation, Airport Navigation, Audience-Focused Navigation, Forms vs. Meanings |
R 2/26 |
Online value in Glocalization Project (Carthage IL). |
Templates |
Read WIlliams and Tollett Chapter 10
|
|
anti-aliasing, GIF vs. JPEG, raster vs. vector images, |
T 3/3 |
|
image maps, Selecting with Masks |
|
|
|
R 3/6 |
Studio Day for Glocalizaiton Project; |
|
|
|
|
M 3/9 |
Glocalization Site due by noon |
|
|
|
|
T 3/10 |
Introduce Essay, Introduce Exam and Client Project. |
|
(no one prepared)
|
|
|
R 3/12 |
|
|
Gibson 57-, Haraway 28-
|
|
dystopia, cultural work, displacement, cyborg, cyborg politics |
T 3/17 |
Spring Break |
|
|
|
|
R 3/19 |
Spring Break |
|
|
|
|
T 3/24 |
|
|
Heim 70-, Turkle 236- |
|
eros (erotic), ontoloty, Platonism, monads (monodology), philosophical significance of the body.
identity (formation), windows ,play, community
|
R 3/26 |
|
|
|
|
|
T 3/31 |
|
|
Complete Turkle 236-, Jackson 347 -, Laurel 109-
|
|
aesthetics, analog time vs. digital time, picnolepsia (positive and negative), representation (vs. information), performance, |
R 4/2 |
|
|
Levy 253-, Castells 154,
|
|
Anthropological Space, Earth (space) ,Territorial Space, Commodity Space, Knowledge Space, subjectivity vs. indentity, Collective Intelligence |
T 4/7 |
|
|
Lessig's Free Culture: Intro, Intro to "Piracyl" Chapter 1
Sample Passage from an Unintended Consequences essay (moves) |
|
information economy, public domain, free culture vs. permission culture, culture, property vs. piracy, intellectual property, "if value, then right" theory |
R 4/9 |
|
|
Trend reading of your own choice, keyword exercise. |
|
transformative definitions: class, differentiating terms |
T 4/14 |
Essay Due in class, Introduce the Client Project
Client Brainstorming, "3 out of 4 Visitors..." handout. |
CSS Layout
Forms |
|
|
richness, action-oriented Web sites, ethos, pathos, community, mystery meat navigation, non-physical (virtual) audiences, experience design, totem-pole design, care words, value and visibility, topic and angle. narrator's define the tour, alignment and grids, audience (trash/treasure), site structure as statement of purpose, hybrid literacy, negative space (trapped), visual hierarchy, originality and value (on the network), boxes and borders (clutter), site structure as an analysis
narrator defines a tour, cultural work (stories and values), image ghettos, data vs. information vs. experience, audience scenarios, action-oriented sites, ethos, pathos, templates, |
R 4/16 |
|
|
Read the New York Times piece, "3 Out of 4 Visitors to the Met Never Make It to the Front Door"
Complete Designing with CSS; Part 1 |
|
CSS Design: |
T 4/21 |
|
Child Windows and Forms |
Come in with Client Project description (paragraph)
Complete Designing with CSS; Parts 2 & 3 |
|
Forms and Child Windows |
R 4/23 |
|
CSS 2: Layout, |
Complete Designing with CSS; Parts 4 & 5 |
|
|
T 4/28
|
Client Project criteria examnples |
Child WIndows |
|
|
|
R 4/30 |
Studio session (Client Project) |
|
|
|
|
M 5/4 |
Client Project due by noon |
|
|
|
|
T 5/5 |
workshop |
|
Prepare for workshop today |
|
|
R 5/7 |
Last day of classes, exam preparation |
|
|
|
|
T 5/12 (Final Exam Week) |
1. Exam, 4 p.m.
2. Post the Final Client Project and send an email (detailing changes since the workshop) by the scheduled final exam time
|
|
|
|
|