Authoring
Interactive
Media
Spring 2012

Columbia College Chicago
Interactive Arts & Media Dept.

Thursdays: 6:30 PM to 9:20 PM in room 139 (36-2601-05)

---

Sal J. Barry, Instructor
Cell Phone: 312.320.4378
Email: sbarry@colum.edu

---

Handouts

• Syllabus for Section 05
• Barebones Guide to XHTML & CSS, pages 1-12 - Text formatting, links, images
• Barebones Guide to XHTML & CSS, pages 13-23 - CSS, CSS text styling
• FTP info
• The Elements of Graphic Design - pages 31-55
• constitution.txt for Assignment 3
• emailform.txt for Assignment 8

---

Powerpoint Presentations ("Notes")

• [Presentation #1] - Overview, terms, tags, text formatting
• [Presentation #2] - Recap, URL, Directories, Linking, FTP, DOCTYPE
• [Presentation #3] - Navigation, Color, Images
• [Presentation #4] - Type, Cascading Style Sheets, CSS for styling text
• [Presentation #5] - Browsers, Resolution, Validation, CSS Positioning
• No Presentation for Week #6
• No Presentation for Week #7
• No Presentation for Week #8
• [Presentation #9] - PHP
• [Presentation #10] - Forms
• No Presentation for Week #11
• No Presentation for Week #12
• [Presentation #13] - Designing for Handhelds, Domains and Hosting

---

In-Class Demo Videos

• Video for Class #1 - January 19, 2012
• Video for Class #2 - January 26, 2012
• Video for Class #3 - February 2, 2012
• Video for Class #4 - February 9, 2012
• Video for Class #5 - February 16, 2012
• Video for Class #6 - February 23, 2012
• No video for Class #7
• Video for Class #8 - March 8, 2012
• Video for Class #9 - March 15, 2012
• Video for Class #10 - March 22, 2012
• No video for Class #11
• Video for Class #12 - April 12, 2012

---

Assignments

1. [Assignment #1] - Text Formatting
2. [Assignment #2] - Placing Images
3. [Assignment #3] - CSS Text Styling
4. [Assignment #4] - CSS Positioning (1)
5. [Assignment #5] - CSS Positioning (2)
6. [Assignment #6] - Image Slideshows with Floatbox; includes Floatbox instructions handout
7. [Assignment #7] - PHP; includes PHP notes handout
8. [Assignment #8] - Forms

---

Free HTML Editors

• [J-Edit] - for Windows, Mar or Unix
  - be sure to download "stable" version
• [SciTE] - for Windows or Linux systems
• Komodo Edit] - for Windows, Mac or Linux
• [Notepad++] - for Windows
• [Text Wrangler] - for Mac
• [Smultron] - for Mac

---

FTP Software

• [FileZilla] - for PC or Mac = FREE
  
  
• [WinSCP] - for PC = FREE
• [3D-FTP] - for PC = $39.95
• [WS-FTP] - for PC = $39.95 (free 30-day trial)
  
  
• [Cyberduck] - for Mac = FREE
• [Transmit] - for Mac = $17.95
• [Fetch] - for Mac = $25 (free 15-day trial)

---

Helpful Websites

• [Floatbox download] // Activation Key: sKRAxqICtqkU
  • Floatbox Options Reference - for modifying how it looks
  • Floatbox Instructions & Documentation
• [Favicon ICO Generator]
• Lovely Charts - free online sitemapping tool.
• Embedding Fonts with CSS 3
• [W3C Markup (HTML/XHTML) Validation Service]
• Making Rollover Buttons
• [Lorem Ipsum generator] - good for "dummy text"
• [W3 Schools] - online "try it yourself" tutorials
  • [XHTML Tutorials @ W3 Schools]
  • [CSS Tutorial @ W3 Schools]
• [Color Scheme Designer] - use for help in picking a color scheme for your websites
• [Kuler] - another site for picking colors

---

Free Stock Photos

• [Morgue File]
• [Stock.XCHNG] - registration required

---

Student Websites

• Niki Baron
• Alex Cook
• Dan Hernbrott
• Alexander Hughes
• Jasmine Jackson
• Adam Jansen
• Alan Johnson
• Adam McGready
• Jakub Mysiak
• Xander Rosendale
• Patrick Skoglund
• Truman Smurr
• Alexander Stockdale
• Kevin Thomas
• Nick Trevino

---

Successful Past Final Projects

Portfolio Websites

• Brian Bieschke Portfolio
• Lindsay Kummerer Portfolio
• Brooke Currier Portfolio
• Jeff Harvey Portfolio

Real Websites for Businesses

• Fox Valley Habitat For Humanity
• Tim's Baseball Card Shop
• Goodman Electronic Supply
• International Advantage
• Chicago Freight Systems
• Kraus' Pizza
• Glass Music Productions

Fake Websites

• Zombie Guard
• Freezer Burn

---

Successful Past "Non-Linear Stories"

• Lost in the Woods
• Dear Andew
• Halfway Crooks
• The Rise of Cyrus
• A Penguin Life
• Extraction
• The World Within
• Bunny Rabbit and the King of Beasts
• With Love from Chicago
• The Mystery Team
• Tux Too Big?

---

Successful Past "Six and Six" Projects

• Example #1 - Vanessa Grass
• Example #2 - Alex Manella
• Example #3 - Matt Siek
• Example #4 - Lindsay Kummerer
• Example #5 - Ameila Mazur
• Example #6 - Beth Sadowski

---

           © 2012 - [Sal J. Barry]