DEADLINES

Sat. 02 August (Noon)
Have three pages programmed (at least in HTML but if you can do some PHP too all the better) uploaded to your account on Ernie. Julian and I will take a look at them at noon.

Wed. 30 July
Refine your sketches in Illustrator and begin programming a static HTML version of one your pages, preferably your “home” page. Don’t forget to check the in-class demo files in the list below.

Wed. 23 July
Bring in your proposed site map, wireframes, etc as described in the assignment. If you are behind on assignments, get yourself up to date as quickly as possible. This class moves fast.

Mon. 21 July
Complete the reading and bring in 10 URLs that show off the variables in your PHP document, aka Assignment B1: Find and Replace. For reference, here is the code we constructed in class: Hello PHP

Wed. 16 July
Complete the new readings assigned on Monday and bring in Assignment A3: (More) Lists. Please be prompt as we do start class at 1:30. The following ZIP file contains example code from today’s demonstration: More CSS

Mon. 14 July
Complete the readings assigned on Wednesday and bring in Assignment A2: Lists as directed in the handout. Also bear in mind, use only one font per HTML document. (Well, use only one font-family command at any rate; it might state an additional font to try in the event that the one you’re aiming for is not available on the user’s system.) I’ve uploaded examples of Lists, Tables, Colors, and Fonts similar to what we made together in class.

Wed. 09 July
Complete the readings assigned on Monday and bring in the results of your Assigment A1: dirt Styel experiments with HTML. You may find this recap of the in-class demonstration useful. It illustrates some of the HTML tags we discussed as well as a few new ones. Simply drag files into your browser to view them.

Mon. 07 July
Today we’ll survey your familiarity with web programming and design concepts in order to better structure our schedule. We will pass around a general syllabus and first assignment in class.

USEFUL LINKS

PHP: Hypertext Preprocessor
1. PHP Home Page (Use the Search!)
2. PHP Variables
3. PHP Comparison Operators
4. HTML Form Data: Get and Post
5. PHP Control Structures
6. PHP Date and Time
7. PHP Random Numbers

Cascading Style Sheets
1. CSS Beginner Tutorial
2. CSS Properties List

HyperText Markup Language
1. HTML Beginner Tutorial
2. HTML Tags List
3. "HTML Programming (Wikibooks) ":http://en.wikibooks.org/wiki/HTML_Programming
4. "HTML Elements (Wikipedia) ":http://en.wikipedia.org/wiki/HTML_element
5. HTML Entities

Free Code Editors
1. TextWrangler Mac OS X
2. Notepad++ Windows

Web Browsers
1. FireFox
2. Safari

IN-CLASS DEMOS

Mon. 28 July
Functions and Structure. Live Example
Functions and Structure. Source Code

Mon. 21 July
Forms and Logic. Live Example
Forms and Logic. Source Code

Wed. 16 July
Hello PHP; variables and URL chaos

Mon. 14 July
Positions, Transparency, and the Kitchen Sink

Wed. 09 July
Lists, Tables, Colors, and Fonts

Mon. 07 July
Hello World; Dirt Style

POSSIBLE FUTURE READINGS?

Great Hackers
Paul Graham
OSCON, 2004

Cognitive Surplus
Clay Shirky
Web 2.0 Expo, 2008

Simplicity Patterns
John Maeda
Ted Talks, 2007

INTRO TO INTERACTIVE

Stewart Smith
stewart.smith@yale.edu

Julian Bittiner
julian.bittiner@yale.edu

ART S167 01 (30072)
July 7 to August 8, 2008
Monday and Wednesday afternoons
1:30 – 6:30

Holcombe T. Green, Jr. Hall
Room 209
1156 Chapel Street

TRAVELING FROM

New York City
Take Metro-North Railroad’s New Haven Line from Grand Central Terminal in Manhattan NY to Union Station in New Haven CT (the final stop). The ride is about two hours. A one way ticket from Grand Central to Union Station is less than $20.

Union Station
To drive or walk from the train station to the art school see directions from 50 Union Avenue to 1156 Chapel Street. If taking a cab from Union Station to the art school expect to pay between $6 and $10 depending on traffic and tip.

New Haven Area
Call Metro Taxi at 203-777-7777.