1. GRAPHICS

2. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest and attention Help to create visual structure for information and links on the page Communicate or explain ideas visually

3. GIF, JPG AND PNG – WHAT’S THE DIFFERENCE? GIF Low resolution, support transparency, animated files Logo, icons, symbols with solid areas of color JPG Small size, clear, crisp Complex images and photographs PNG supports lossless data compression Not a photo but more complex than a GIF Charts or graphs with several colors

4. SAVING CORRECTLY IS IMPORTANT! YourAccountNumber\Portfolio_YourName\images\ Images folder should contain 3 pictures ScreenShot - Designer ScreenShot - Blocks Pic of you working

5. HTML FOR GRAPHICS SRC The source of the “Code” Gives the instructions Alt Alternative text (for accessibility – can be read) Width/Height- why important to specify? To ensure there is space for the image somewhere on the webpage.

6. HTML EXAMPLE: