1. The Web

2. Web Servers and File Transfer Protocol (FTP)

3. A web server is simply a computer containing files and folders not unlike your computer at home. File Folder My computer at home. Files & Folders within another Folder

4. The Difference is: 1. The files are often “special files” that tell a web browser what to do. 2. The files and folders are broadcast for the world to see.

5. Naming Conventions

6. When dealing with web servers and the internet, stick with standardized naming conventions for your files and folders. This means: Use no special characters (!*.&^~$%#) or spaces. Use only letters, numbers, the dash ( - ), and the underscore ( _ ). Assume everything is case sensitive. Bad naming examples are: “big bird.jpg” or “joe&12.htm” Good naming examples are: “big_bird.jpg” or “joeAnd12.htm”

7. Screen Resolution and monitor size

8. When you buy a bigger TV, you get a bigger picture. 19” screen27” screen

9. When you buy a bigger computer monitor you get More workspace. 20” monitor30” monitor

10. Screen Resolution is a very critical issue when dealing with the web.

11. To help insure your site will be viewable on as many monitors as possible, keep your site’s width to no greater than 1000 pixels. A safer standard is 800 pixels wide by 600 pixels high.

12. Image Resolution

13. When dealing with the web, what resolution (dpi / ppi) should your raster images be?

14. 72 dpi / ppi

15. 2 x 3 inches @ 20 dpi (20 x 20) x (2 x 3) = 2400 pixels 2 x 3 inches @ 45 dpi (45 x 45) x (2 x 3) = 12150 pixels 2 x 3 inches @ 72 dpi (72 x 72) x (2 x 3) = 31104 pixels 2 x 3 inches @ 150 dpi (150 x 150) x (2 x 3) = 135000 pixels

16. Color Modes

17. There are three Color Modes that we are concerned with in this class. 1. Grayscale - one channel 2. RGB (Red, Green, Blue) - three channels 3. CMYK (Cyan, Magenta, Yellow, Black) - four channels

18. When dealing with the web, what Color Mode should we use?

19. RGB

20. The RGB Color Mode is based on the Additive Color Model of Light. Monitors, Televisions, Projectors and other light based systems use this color model

21. Image / File Formats

22. There are two main Image / File formats we will be concerned with in this unit. 1. JPG 2. GIF

23. The JPG file format is a method of compression commonly used for photographic images allowing a tradeoff between file size and image quality. Quality: 50 Size: 15 K Quality: 10 Size: 4 K Quality: 1 Size: 1.5 K

24. The GIF file format uses lossless compression, but is limited to only 256 colors. Therefore, Gif is not suitable for photos, but is well suited for simple graphics and logos with solid areas of color.

25. Both GIFs and JPGs can easily be exported from Photoshop using FILE >> SAVE FOR WEB.