Art 3870 Home Page

H O M E
1	2	3	4	5
6	7	8	9	10
11	12	13	14	15
16	17	18	19	20

Introduction to Art for the Web


9/29	9/25

Lecture 1

Who's Who & Who's In

Course Overview

The Rules

History of the Web

Web Servers & How They Work

URLs

Alphabet Soup

Focus on Files

HTML & XHTML

Homework :

Art sites to review

Ars Gratia Artis &
Introduction to XHTML
Part I


10/1	9/30

Lecture 2

Review and Discuss Art Sites

HTML Markup

What's a Markup Language
The Rules
Attributes & Properties
Ignorance Is Bliss

The Document Model

Feed Me
Separating Presentation From Content

The Tags

Having a Breakdown
Having Another Breakdown
The Overlap
Having Yet Another Breakdown

Let's Write Some HTML

Body Tags
Content Based Tags
Hexawhatamal?
Adding Inline Content Structure
More Pain and Horror - Default Sizes
Forcing Presentation

EMAIL ADRESSES DUE!

Project 1 assigned

In Class:

Hand code from examples

Intro to XHTML
Part II


10/6	10/2

Lecture 3

Review

Some More Art Sites

Horizontal Rules

Images

As Text Headlines
The Basic Tag
Inline Alignment
Alignment In A Paragraph
Spacing Around
Centering On The Page
Borders
Sizing

Backgrounds & Colors

Hypertexting Around

Anchors Away
URL's Again
Attributes & Props
Naming Names

Other href URL Types

Back to Anchors

Link Inside The Same Page
Link Inside The Same Domain
Relative And Absolute Anchors
Other Useful Attributes

Tricks With Special Characters

A Few More Attributes

A Word About No Words: Image Maps

In Class:

Hand code from examples

Dreamweaver Basics


10/8	10/7

Lecture 4

Dreamweaver Uses & Limits

Setting defaults

Code Format
New Documents

Setting Up Your Site

Create A New Site
Define A Site: Editing Files
Define A Site: Sharing Files

Creating A New Doc

Walking Around the UI

The Menu Bar
The Document Bar
The Insert Bar
The Tag Tree Inspector
Size & Download Time
Reference Window
Snippets Window
Site Window
Autoinsert

In Class:

Pratice with Dreamweaver

Work on Assignment

Work Session


10/13	10/9

Lecture 5

HTML Quiz

Review

Work On Assignment 1

HTML Quiz

Tables, Tables, Tables


10/15	10/16

Lecture 6

Delayed for TTH class

Introduction to Site Design

Basic Tables

The Stuff of Nightmares
The Tags

<table> Attributes

Another View

<table> & <tr> Attributes That Affect Size

Alignment

Table Alignment With Two Tables
Inheritance

Attributes for Visual Appearance

Backgrounds
Layering Backgrounds & Background Colors

The Empty Cell GOTCHA!

Spanners

Tables Within Tables

Dissections

Assignment 1 due

Assignment 2 assigned

In Class:

Dissections

Practice

Getting Graphical


10/20	10/21

Lecture 7

Introduction to Fireworks

A Brief History
Photoshop vs. Fireworks

Tour

New Document
Doc Window
The More Relevant Menus
Windows
Toolbars
Tools
Properties
Answers
Optimize
Layers
Assets
Colors
Info
Align

File Formats

It's All About Compression
Bit Depth
GIF
JPEG
PNG

Optimizing Images

Which For What
Rule Of Thumb

Fireworks Tricks

Transparent PNGs
Anti-Aliasing Trick
Pasting Masks
Converting Text To Paths
Combining Paths
Properties: Effects

Fireworks Sites

Fireworks Tricks

In Class:

Work with graphics files

Graphics & Tables
Part I


10/22	10/23

Lecture 8

Review

Creating Tables With Images

Creating Tables With Images & Text

Deconstruct Some Tables

In Class:

Work on complex tables with graphics

Graphics & Tables
Part II


10/27	10/28

Lecture 9

Review

Table Tricks

Encapsulating Content With Borders
Fancy Lines
Using Padded Tables Within Tables

Table Strategies

Sketching Your Layout
Layout in Fireworks or Photoshop

Typical Applications for Tables

Page Layouts Constructed

Page Layout Challenge

In Class:

Work on complex tables with graphics and text

Graphics & Tables
Part III


10/29	10/30

Lecture 10

Review

Quiz

More Page Layouts Constructed

TABLE Quiz

In Class:

Work on complex tables with text, graphics and background images

Real Control Over Your Page


11/3	11/4

Lecture 11

Review Table Quiz

Review Assignment 1

Cascading Style Sheets

Rich Styling
Reusable
Fine Level Of Control

What is CSS, Really?

The Answer to Designer's Prayers
It's the Future

How It's Done

Three Flavors

The Rule's Of The Game

Basic Rules
Rule Structure
What Can Be Styled
Which One For Where
More

Building Rules

Grouping Selectors
Grouping Declarations
Contextual Selectors

CSS Units

Text Properties

Value Values
Indentation & Horizontal Alignment
The Height of Lines
Vertical Alignment
Spacing
Text Transformation
Text Decoration

Fonts

Family
Weight
Size
Style
Variant
Font Shortcut

In Class:

Work on reproducing examples

CSS
Part II


11/5	11/6

Lecture 12

Backgrounds

The Box

Margins
Padding
Borders
Width & Height
Positioning

Classification Properties

Display
Whitespace
Lists

Assignment III Final assigned

In Class:

Work on assignment II

Site Design


11/10	11/11

Lecture 13

Review CSS

Dissection

Making a Site Map

Usability Issues

In Class:

Retro engineer a site map

Build a site to a site map

Button & Animated GIFs with Fireworks


11/12	11/13

Lecture 14

Dissection

Quiz

Work on assignment II

In Class: Work on assignment II

JavaScript & Animated Gifs


11/17	11/18

Lecture 15

CSS Quiz

Dissection

Basic JavaScript

Animated GIFs

TTH Assignment II due

CSS QUIZ

In Class:

Work on a combo table and CSS layout

Other Bits...


11/19	11/20

Lecture 16

Dissection

Animated GIFs Continued

MW Assignment II due

In Class:

Work on a combo table and CSS layout

Q&A
& Work Session


11/24	11/25

Lecture 17

Review

Sound

In Class:

Work on assignment III

Q&A
& Work Session


11/26	12/2

Lecture 18

Review

Dissection

In Class:

Work on assignment III

11/27

No Lecture

Happy Thanksgiving

In Class:

Work on assignment III

Q&A
& Work Session


12/1	12/4

Lecture 19

Review

Dissection

In Class:

Work on assignment III

Q&A
& Work Session
&Last Class!


12/3	N/A

Lecture 20

Review

Dissection

In Class:

Work on assignment III

FINAL!!!


WED 12/10 7:00 PM TO 8:00 PM	TUES 12/9 12:00 PM TO 1:50 PM

Yikes!

Check the time here

Hand in Final Project