Here's another description of basic image file types for the Web.
We’ll walk through making a textured background tile. Note that making a graphic (appear to) tile only on the y-axis can be accomplished with CSS {background-repeat: repeat-y;} . A reminder to look at the Extras & Tools on the book website: here's Duckett's video on saving images in Photoshop (Q: What setting does he fail to adjust in this video)?
And here's the famous jar of Jif.
This is a background tile I made in Photoshop that’s OK, but more patterned than seamless. Second, here is a Transparent gif with matte color that we can make from downloading the 3ducks files: .pict file and background .gif. The difference is subtle, but compare that matted GIF to one that has no matte color. (Remember to look at the GIFs in the browser.)
Finally, you can find Photoshop and other training at lynda.com (consider subscribing or get it free through the Free Library of Philadelphia) or Sitepoint, one that I use.
You are advised in any layout to include in the IMG tag
- Height and width in pixels
- An alt and a title attribute that describes the content of the photo
And here's a list of media file extensions for images.
And here is Video #4 to get started on the CSS assignment
Site maintained by John Beatty