Web
Design
Spring 2012

Columbia College Chicago
Interactive Arts & Media Dept.
Tuesday 6:30 PM to 9:20 PM (36-1114-03)

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

Class Presentations / Notes

[Week 1] - Terminology, Text & WYSIWYG Editors, Intro to HTML
[Week 2] - DOCTYPE, URLs and directories, linking, FTP
[Week 3] - Web Browsers, Resolution, Images
[Week 4] - CSS (Cascading Style Sheets)
[Week 5] - Domain Names & web hosting

Handouts

Syllabus: [section 03]
Instructions: [Setting Up a Site in Dreamweaver]
Instructions: [The Files Panel in Dreamweaver]
Instructions: [Making Links in Dreamweaver]
Instructions: [Adding Text, Graphics and Tables]
Instructions: [Styling Text with CSS ]

Dreamweaver CS5 Tutorials

Video tutorials from Adobe.com. (5 minutes each)

Helpful Websites

[W3 Schools]
- [XHTML Tutorials @ W3 Schools]
- [CSS Tutorial @ W3 Schools]
[Lorem Ipsum generator] - good for "dummy text"
[Morgue File] - free stock photos

Free HTML Editors

If you don't have access to Dreamweaver, you can still hand-code your HTML pages with one of the following FREE downloads:

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

FTP Software

These are used to transfer your files from your computer or flash drive to a web server.

[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)

© 2012 - [Sal J. Barry]