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)- Getting Started: What is Dreamweaver CS5
- GS-01: Defining a New Site
- GS-02: Creating New Documents
- GS-03: Adding Structure to Text
- See all Dreamweaver CS5 tutorials...
Helpful Websites
- [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)