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 |
| PNG (Pronounced ping) | Yes | Yes (not supported in older browsers) | Largest | Web / Flash / Mobile |
| GIF | Yes | No | Smallest | Web Graphics / Animated Images |
| JPEG (.jpg) | No | No | Variable | Photos / Broad Color Depth |
Topic covered:
Image Processing
Image Dimensions
File / Asset Management
Session 2: Today we’ll look at the remainder of design issues to finish our template for the world project. One of these components is Navigation. Use XHTML lists and CSS to create effective and user friendly universal navigation bars. Your navigation should have rollover behaviors and appear distinct from other content and links.
Use this resource as inspiration for your navigation:
Max Design: Listamatic – One List Many Options
I will also be looking at your designs for the World Project Milestone 1 due today.
Topics covered:
CSS Navigation
Navigation Layout
Hover Behaviors
Speaking in Styles – Chapters 7 and 8 (pages 176 – 223)