Creating for the web


jump to today's anchor

resources

Wed, 29 April

Syllabus

Introduction

Lab #1: Creating a page

Readings: Castro, Ch 1 and Ch 2

Thursday, 30 April

due: Creating a page lab

Basic (X)HTML structure

Readings: Castro, Ch 3

URLs: addresses on the web

Setting up links

Readings: Castro, Ch 6



Friday, 1 May

Lab: Using images

Readings: Castro, Ch 5

Information Organization

Exercise

assigned: Assignment 1: Information Architecture and Organization

Dreamweaver

Monday, 4 May

Due: Assignment #1 -- Information Architecture and Organization

trial run--Exam question examples

Introduction to CSS and color

Dreamweaver and CSS

reprise Dreamweaver

Digital images and Photoshop

Readings: Lynch and Horton, Web Style Guide, ch 11 Graphics

Lab: Preparing images for the web

Tuesday, 5 May

due: Preparing images lab

Type and CSS

Typography

Reading: Lynch & Horton, Ch 8, Typography

Composition and Design

Reading: Lynch & Horton, Ch 6, Page Structure & Ch 7, Page Design

Color on Computer monitors again

Lab: Digital cameras

next Assignment: #2 - What's happening during May term?

  • Find someone or some group involved in an interesting activity during May term
  • Take photos of what they are up to (you'll use at least 4 for the project)
  • Find out what you can about the activity
  • Build a web page on the activity (we'll go over details on Thursday

Thursday, 7 May

due: 3 Blog entries
due: Digital camera lab

Writing for the web

Organizing information visually

assigned: Project 2- Dedicated to a May term activity

CSS box model

Lab: Banner images

Resources page

Photoshop reprise

Friday, 8 May

due: Banner images lab

CSS Layers and Layout

Transparency and translucency

Site design process

Site design brief

Composition

Quiz -- preparation for Midterm

 

Monday 11 May

due: Assignment #2 -- What's happening during May term?
Midterm exam

Site design II

Layout containers

Layout containers lab

Tuesday, 12 May

Composition (ppt in Classes/COMM326/Course Documents)

Electric Brew critique

Misc. Photoshop stuff

parts to assemble into a layout
Design Sketch example

Working with search engines

Reading: Castro, Ch 24

Thursday, 14 May

web resources:

Review Project 2: May term activities

Introduction to Tables

Thushan Hemachandra: the Peace by Peace and goshen.edu site projects

Layout with CSS

Class and id review

Server-side includes with php

link to LightBox info

After the lab is a time to ask any questions you have about Assn 3 and Photoshop

 

Friday, 15 May

due: Assignment #3, Site Design Brief/Design Sketches

Javascript introduction
More with Javascript
Javascript (Behaviors) in Dreamweaver

Final Project

Ethics and Copyright

 

Monday, 18 May

Presentation guidelines
Sign up on page

Favicon

Button effects in Photoshop

Designing for accessibility

Work session on project

Tuesday, 19 May

Presentations of Website Project

Web publishing beyond GC

What browsers to design for

Tips

Printing web pages

Wednesday, 20 May

due: Assignment 4--Final Project
Blogs for the semester

Presentations of Website Project

Things we didn't get to:

The Semantic Web

Wiki for Do Good Design

Feeds

A short introduction to Flash

Patterns in Photoshop