3. Images can set the tone for a site in less time than it takes to read a description. CHOOSING IMAGES FOR YOUR SITE

5. Images are subject to copyright but there are stock photography sites where you can buy them. CHOOSING IMAGES FOR YOUR SITE

7. If a page shows several photos of products or members of a team, keep them consistent. CHOOSING IMAGES FOR YOUR SITE

9. STORING IMAGES ON YOUR SITE

10. HTML ADDING IMAGES

11. HTML ADDING IMAGES

12. HTML ADDING IMAGES

13. HTML ADDING IMAGES

14. RESULT

15. HTML HEIGHT & WIDTH OF IMAGES

16. HTML HEIGHT & WIDTH OF IMAGES

17. HTML HEIGHT & WIDTH OF IMAGES

18. RESULT

19. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. WHERE TO PLACE IMAGES IN YOUR CODE

20. RESULT

21. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. WHERE TO PLACE IMAGES IN YOUR CODE

22. RESULT

23. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. WHERE TO PLACE IMAGES IN YOUR CODE

24. RESULT

25. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. OLD CODE: ALIGNING IMAGES HORIZONTALLY

26. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. OLD CODE: ALIGNING IMAGES HORIZONTALLY

27. RESULT

28. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. OLD CODE: ALIGNING IMAGES HORIZONTALLY

29. RESULT

30. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. OLD CODE: ALIGNING IMAGES VERTICALLY

31. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. OLD CODE: ALIGNING IMAGES VERTICALLY

32. RESULT

33. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. OLD CODE: ALIGNING IMAGES VERTICALLY

34. RESULT

35. HTML There are around 10,000 living species of birds that inhabit different ecosystems from the Arctic to the Antarctic. Man species undertake long distance annual migrations, and many more perform shorter irregular journeys. OLD CODE: ALIGNING IMAGES VERTICALLY

36. RESULT

37. IMAGE FORMATS: JPEG

38. IMAGE FORMATS: GIF

39. Create each image the same width and height as you would like it to appear on your website. IMAGE DIMENSIONS

40. Create each image the same width and height as you would like it to appear on your website. IMAGE DIMENSIONS

41. If an image has the wrong dimensions, it can look squished. IMAGE DIMENSIONS

42. If an image is too small, it can look blurry when shown bigger. IMAGE DIMENSIONS

44. ANIMATED GIF

46. STRAIGHT TRANSPARENT GIF TRANSPARENCY

47. DIAGONAL TRANSPARENCY PNG STRAIGHT

48. DIAGONAL ROUND TRANSPARENCY PNG

49. ROUNDSEMI-OPAQUE TRANSPARENCY PNG

50. DROP-SHADOWSEMI-OPAQUE TRANSPARENCY PNG

51. HTML Sea otters hold hands when they sleep so that they don’t drift away from each other. HTML5: FIGURE & FIGURE CAPTION

52. HTML Sea otters hold hands when they sleep so that they don’t drift away from each other. HTML5: FIGURE & FIGURE CAPTION

53. HTML Sea otters hold hands when they sleep so that they don’t drift away from each other. HTML5: FIGURE & FIGURE CAPTION

54. RESULT

55. The element is used to add images to a web page. SUMMARY

56. You must always specify an src attribute to indicate the source of an image and an alt attribute to describe the content of an image. SUMMARY

57. You should save images at the size you will be using them on the web page and in the appropriate format. SUMMARY

58. Photographs are best saved as JPEGs; illustrations or logos that use flat colors are better saved as GIFs. SUMMARY