Week 3
March 30, 2008 – 11:25 pmSession 1: What are web graphics? Why do we need them and how can they improve website development? We will talk about these and other issues in class today. The chart below has some features of the three graphic formats we can use in web productions. These are .png, .jpg and .gif. Photoshop and Fireworks are two applications which allow us to generate and manipulate graphics for the web.
| Image Format | Transparencies | Gradient Trans. | File Size | Best Purpose |
| PING (.png) | Yes |
Yes (not supported in all browsers) |
Largest | Flash / Director |
| GIF (.gif) | Yes | No | Smallest | Graphics |
| JPEG (.jpg) | No | No | Small | Photos |
Topic covered:
Image Processing
Image Dimensions
File / Asset Management
Session 2: Today we’ll look at some design issues and how to use CSS in Dreamweaver to place web graphics. I will also be looking at your designs for the World Project Milestone 1 due today. Those of you who have questions regarding site mangement, here’s a link to some tutorials which go over the details of setting up your site both locally and remotely:
http://www.macromedia.com/support/dreamweaver/manage.html
Topic covered:
CSS Floats
FTP / Site Mangement