1. Color and Images

2. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor

3. Color - CMYK  C____, M______, Y______, _______K  Four color process  Reflective color- light from sun (or bulb) hits an object & color is reflected to our eyes  ____________________

4. Color - RGB  “Monitor” color  R____, G_____, B_____  TV, video, computer monitors  Straight from light source; not reflective  “RGB values” = intensity of colors  _________________ code- 6 numbers

5. RGB Values Color - Netscape Composer

6. Color - Dreamweaver Hexadecimal Code

7. Paint program: You can edit individual pixels Draw program: You can easily resize, insert text and use layers  Bitmapped (pixel-based, _______, raster, Photoshop)  Vector (math- based, object- oriented, draw, Illustrator)

8. Images - File format What we will use on our webpages .______- we say jay-peg .______

9. Images- JPEG  Joint Photographic Experts Group  Cross platform  Compressed (lossy - data removed)  Maximum of 16.7 million colors  Cannot be transparent, interlaced or _______________  __________, images with subtle color changes, _________, lighting, etc.

10. Images -GIF  Graphic Interchange Format  Cross platform  Compressed (lossless - no data removed)  Indexed color -maximum of 256 colors  Can be transparent, interlaced and ________________  Simple illustrations, ______, cartoons

11. File size vs. Picture size  File Size-how much _____________ is used by the file ex. 30kb  Picture Size-the _________ of the image ex. 150 pixels wide  Both important for ________ of download  Resize and/or change resolution

12. Accessibility  ____________ labels -text that will show as image is downloading or in place of images

13. “Web-ified” Images  Goal is to get maximum ____________ for minimum ______________  Make sure your image is on ___________ otherwise your link will not work  Do NOT ________ or _______ your image once you have placed it on your web page.