ARTM2210 Intro to Web Design: Schedule

8.29 Class 1 – Introductions

Pretest
Lecture: Introductions and how this class works
Demo: Writing HTML and Uploading Files
Basic HTML <html><head><title><body><h1><p><ul><ol><li> and FTP
Challenge: Format the provided text with HTML
Read: Don’t Make Me Think: Pages 10-29
Handout: Project 1- Haiku
Reference: w3schools.com
Homework: continue Homepage, Challenge 1 and writing/ sketching your haiku

9.5 – No Class

9.12 Class 2 – File Management, Hyperlinks, CSS and Images

Lecture: File management
Review: Basic HTML add <header><nav><footer><article><blockqoute><em><strong><a>
Demo: How to setup your files, create links, style text and insert graphics using Text-Wrangler.
Challenge: Style the syllabus with CSS
Read: The Principles of Beautiful Web Design: Chapter 1: Layout and Composition
Handout: Review 1
Due: Homepage version 1

9.19 Class 3 – Doing layout with HTML & CSS

Review: File Management, Linking & Images
Demo: External style sheets, positioning elements
Read: Don’t Make Me Think: Pages 30-43
Due: Sketches for Project 1
Due: homepage version 2 which should now include a link to your formatted syllabus and have some style
Due: Review 1

9.26 Class 4 – Studio Time

In Class: Code Haiku Project
Read: The principles of Beautiful Web Design: Chapter 2: Color

10.3 Class 5 – Critique

Critique: Project 1
Read: The principles of Beautiful Web Design: Chapter 3: Texture
Handout: Project 2 -Single Page Site
In class: Begin Sketches
Handout: Review 2

10.10 Class 6 – Domains & hosts: the cost of publishing online

Lecture: Domains, hosts and other things to consider when designing for the web
In class: Begin graphics
Demo: Illustrator / Photoshop
Homework: Begin creating the layout and graphics for your single page site
Due: homepage version 3 – which should now have a layout that uses div tags, classes and id’s

10.17 Class 7 – Slicing and Optimizing Graphics

Demo: Slicing your layout in Fireworks and taking it into Dreamweaver
Graphics should be complete, ready to slicing, and coding started
Begin Slicing & Coding
Due: Review 2

10.24 Class 8 – jQuery Plugin Basics

Demo: jQuery – single page scrolling
Wrap up coding and troubleshooting Project 2

10.31 Class 9 – Studio Time

Read: Don’t Make Me Think: Pages 50-93

11.7 Class 10 – Critique Project 2

Critique: Project 2
Handout: Review 3
Handout: Project 3 – Final site
- In class brainstorm ideas for Final site in assigned groups

11.14 Class 11 – Navigation & Information Architecture

Lecture: Types of Navigation and bread-crumbing
- Organizing your site
In Class: In assigned groups develop content and sketch design ideas

11.21 Class 12 – Studio Time / Working Critique

In Class: Written content should be complete. Graphics should be complete and ready for a working crit.
Due: Review 3
Handout: Review 4

11.28 Class 13 – Studio Time

Troubleshooting: Project 3

12.5 Class 14 – Final Exam

Final Exam – 10% of your final grade
Final Challenge – extra credit
Due: Review 4

12.13 11am-1pm Class 15 – Final Critique

Critique: Project 3