Semester Schedule
| Week | Class Goals | Homework | In-Class |
|---|---|---|---|
| 1 | Introductions. Give an overview of the Web, and authoring interactive media for web distribution. | Due: Week 2 1) Project: Create Class Portfolio Website - Due Week 4 Portfolio example see Template 2) Assignment: Website Analysis Basic page structure see Guidelines Reading: XHTML: Introduction (pgs 13-22), Chapters 1-3 |
Work in teams of 3 and analyze non-flash website. |
| 2 | Review basic markup concepts from previous class Introduce CSS and give a tutorial on basic CSS Students create at least one CSS page (a basic one) for reference (Pet Palace Lounge) | Due: Week 3 1) Take home QUIZ 2)Assignment: Non-Linear Visual Series Reading: XHTML: Chapters 8, 9 & 24 and ZEN: Chapter 1 Online Article:Information Architecture Online Article: Classic IA Tools |
Create a CSS file that does the following: * Use a div * Use a span * Use a class * Use at least one ID * Change background color & text of a div * Change background & text color of a span |
| 3 | Introduce the concept of standardization and validating documents Introduce web accessibility Reinforce previously learned (DID) image formats and compression | Due: Week 4 (uploaded and linked) Class Portfolio Version 1 Reading XHTML: Chapter 5-7 and ZEN: Chapter 1 & 4 |
More CSS Travel Log Page Validation List, Images and Links Compression |
| 4 | Review CSS concepts discussed in previous class Introduce the box model and have students experiment with it Have students create at least one example that uses the box model | Due Week 5 (uploaded and linked) Non-Linear Narrative Reading XHTML: Chapter 10 & 11 ZEN: Chapter 2 |
Create a CSS file that does the following: Alter the Border Samples Create an element with extreme padding. Using a span, div, class and id example. |
| 5 | Introduce more advanced CSS concepts Have students experiment in class with advanced CSS | Due Week 6 (uploaded and linked) Assignment: CSS positioning Format: An XHTML and a CSS file Create a composition using only styled text. The CSS must be in an external file. Both the XHML and CSS files must validate. Do not use any images or other languages. Reading: ZEN: Chapter 3 |
Make an XHTML and CSS site that intentional overlaps images in an interesting way Make your own version of a three column layout: Example code |
| 6 | Reinforce student's understanding of structuring a document and classification Introduce XML and DTD syntax Walkthrough creating an XML and a DTD document |
Due Week 7 AIM Midterm Review XML Collection Reading: ZEN: pages 200-273 |
Create XML, DTD, and CSS files to reinforce the lecture Use XML to structure elements of a domain XML introduction |
| 7 | Midterm Exam Introduction to Forms: What are they and what are they used for. Creating a grid layout. |
Project 1: Image Organization Due Week 9 18 images within 3 categories (6 images in each category). Media showcases follow a micro-to-macro format. Reading HTML Forms and Input |
Midterm Exam
Creating a grid Linking within a page |
| 8 | Review web forms from previous class. Introduce alternative languages for forms (such as PHP) | Due Week 9 Begin In-class: Forms Use some sets of data to create an HTML form Reading: ZEN: Chapter 4 & 5 |
Create simple examples to reinforce their understanding of how forms work |
| 9 | Zen Garden | Project 2: Zen Garden Redesign Due week 11 Choose a cultural or critical theory topic and create your own original redesign of CSS Zen Garden. Do not rehash an existing design. Start first with a concept based on your cultural or critical theory topic, and then build your redesign. Reading Learning XML (pdf) w3schools XML w3schools XSL |
CSS Positioning Examples
More positioning with CSS Image Organization Due |
| 10 | Introduce students to rollovers (css and JavaScript) Introduce Information Architecture |
Due Week 11 Image Organization Due Project 3: Goal Oriented Design (Due: week 15) Your project must have a goal - something that is to be accomplished. You must take into careful consideration the participants of the piece. Documentation about your process (minimum of: initial proposal, research about your target audience, a scan of your prototype/mockup, and credits) |
Rollovers
Final Project Due Dates: Proposal: Week12 Mockup: Week 13 Initial Presentation: Week 14 Due: Week 15 |
| 11 | Discuss IA components (Organization, Labeling, Navigation, and Searching) Discuss users, prototyping, and iterative design | Zen Garden Redesign Due | Goal Oriented Design proposal due |
| 12 | Feedback on final projects | Due Week13 1) Goal Oriented Design mockup 2) Project: Class Portfolio v2 (Due: Week 15) Continue working on Project 3: Goal Oriented Design and Class Portfolio Version 2 Extra credit due Week 14 |
Lab day |
| 13 | Minimalism | Bare Essentials: Create a 2 page site using ONLY the information from a drivers license: Create a link to the description of your page detailing your decision-making process about this site. |
License project |
| 14 | FINAL EXAM | Continue working on Project 3: Goal Oriented Design and Class Portfolio Version 2 |
Goal Oriented Design Initial presentation with student feedback |
| 15 | Turn in final on CD’s Last day of class | End of Semester | Final presentation: Goal Oriented Design and Class Portfolio |
|
|||