Picture this! Using Images on your Web Site
The fifth chapter, entitled "Picture this! Using Images on your Web Site," examines how to implement images into a web site in photoblog style, as backgrounds, and even as navigation and header backgrounds. This chapter proof will show all three of these implementations and explain the basic elements required in each example.
The example below shows how a photoblog might be created, with pictures working as inline elements. This particular example has a photo, and a caption, just to show how both might work.
This is a good example of my photoshop skills, as well as a good example of a photo used on the web. Instead of posting the Harry Potter 5 movie poster as it was, I photoshopped my own head in the place of Hermione Granger's.
Pictures can easily be used for backgrounds to create incredible effects. For instance on this page, a simple picture of a box with a gradient is repeated along the x-axis to fade the background from a dark, dark brown, to a lighter brown. Pictues can also be repeated along the y-axis or repeated across the entire background.
Of course, pictures can also be used in the background of the navigation and the headers. These pictures are usually not repeated, as often times they have symbols, or even words in them. For example, on this page the header has a textured background and the "Journey by Design" logo.
April 1, 2008 10:01 AM