Des 117-Visual Communications Interactive| John Driscoll | Fall 2011

Schedule

Day

Topics

Ex/Demo

Reading/Due

26 Sept

Welcome/Intro
Baisc Web Terminology
FTP
Assign Webspace
Page Editing
Textbook

Demo FTP
Complete Survey

Exercise Files:
Download Survey
& FTP Instructions
from Class Folder.

EX: Blog



Homework
Create Your Blog
View Internet History Videos

Intro Lect-Des 117

Read/Review:
HTML Tutorial

28 Sept

HTML Coding-Let's Do It!

Usability &
Screenshots

Demo: Hand-coding xhtml standards

EX: xhtml reference
EX: xhtml demo

EX: Usability
Exercise

HTML Cheat Sheet

Due: Blog Ex

Read/Review:
HTML Tutorial

Text: Chapt 1 (1-12)

Lect-Intro To HTML

Due in class: xhtml reference exercise overwrite your blog.

3 Oct

File Management
Images for the Web
Page Linking
Usability

Demo: Uncommon Grounds

EX: Portal

Due: Usability Eval (overwrite xhtml reference)

Audio-Why Designers Need To Code!

Text: Chapt 2 (29-44)
Lect-File Mgmt
Lect-Web Images

5 Oct

Animation
More Styling

Demo: Deadliest Catch-Complete In Class

Assignment
EX: Resume(Due 12th)

Resumes-1Resumes-2

 

Due: Portal with current blog entry!

Text: Chapt 4 (116-135)
Lect-Review

10 Oct

CSS Intro
Typography

CSS Type Styling
Embedded CSS

Rules-Tutorial
Type-Tutorial

Invitation-BOO!

Due: Deadliest Catch

Lect-CSS Intro

Must Read
CSS Tutorial 1-7

Typography-Web

Due: Resume Sketches

12 Oct

CSS-More (Divs/Lists)
Intro Project-1


EX: Blood Diamond

Proj 1
Brainstorm Idea

Due: Resume Ex

Lect-CSS Divs/IDs

Read about CSS
Chapt-1 10-17

Due:Scary Invite (by end of class)

17 Oct


More CSS
Box Model-Demo

Proj 1
Topic
Work On Mock-Ups

Box Model Demo

 

EX: Sushi 101

Due: Blood Diamond
Read About Box Model

Read Chapt-1 17-27
CSS Tutorials 8-16

Lect-Box Model

Project 1 Topic (have two ideas so we avoid duplicates)



19 Oct

Float Demo/Ex
Note: Quiz Moved
To Monday
Project 1- Work On


EX: Real Simple

Due: Sushi 101

Lect-Floats

Read: Floats
98-99
138-139
282-293

4 sketches and 2 Mock-ups of index page done in Illustrator/Photoshop


24 Oct

CSS Quiz

CSS External Styles

CSS Layout Link

EX: External Styles

Due: Real Simple



Read Lists: 107-115
Positioning: 269-272

26 Oct


Project 1-Due 1:00

Proj 1-Gradesheet

Critique Proj 1

31 0ct

Introduce Project 2
Explore-It!
Explore-It Lect

CSS Positioning Demo

Due:External Styles
CSS Positioning

2 Nov

Midterm-Portal Eval
Midterm-Practical

Midterm

Nav Ex: Tutorial Files
(pick-up folder)

 


Starts @ 12:30

You will have 2.5 hrs to complete.


Nav Ex: Tutorial Files
(pick-up folder)

7 Nov

Must Have Topic For Explore-It

Javascript/JQuery
Fades
Hides
Galleries



Web Navigation-Lect

EX: JQuery Image
Gallery/Slide Show

Due:Navigation

Read-Understandng
JQuery

View-Web Navigation Styles

JQuery Lect


9 Nov

Multiple Styles
Mobile Devices
Designing for IPad

 

 

Lightbox Demo

Responsive Web Demo

IPad Demo Ex


Due:JQuery Gallery

Learn More:
Responsive Web Design


Mobile Design

14 Nov

Horizontal and Vertical Scrolling

Staging/Wireframe

Sign-Up For Personal Web Space

Work on Explore-It


EX: Vertical and Horizontal Sites w/javascript

EX: Staging Site

Due: IPad Exercise

Vert/Hor Design


Web Hosting


16 Nov

Final Project-Inst
Content Mgmt

Work on Explore-It

For this class I want everyone to have signed-up for personal web space and uploaded the In-Class Vertical Demo Exercise on their PERSONAL webspace!

Due: Horizontal Scrolling Site

Due: Staging Site For Explore-It!

Individual Conferences

Content Mgmt

21 Nov

Project Critique Form

Review Content Management?

Explore-It

Project Critique 12:30

23 Nov

Open Lab For Final Project

Sign-Up for Free Web Space

Quiz Notes

Work on Project

Open Lab
12:10-3:30

Read About CMS

 

Note Change!
28 Nov

Support The General Strike If You Wishv

 

Open Lab 12:10-3:30
Individual Help Will Be Available

Work on Final Project

Document the strike Your Blog-Pictures Too!

30 Nov

Due:Redesign with CMS (upload on your free server)

Quiz: 12:30
Followed by final Project Critique

Final Critique Form

Final Class