Web Development
DART 230

• Photoshop/graphics site of the day from:
  Jenny and image files from Tanawan

Today’s topic is more on Photopshop and Web images, specifically GIFs.
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.

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.)

Everyone should check out the Photoshop tutorials at Pixel2Life and also those at Spoon Graphics.
Finally, you can find Photoshop and other training at lynda.com.

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

For a good summary of <img> see HTML-kit. And here's a list of media file extensions for images, etc.

Site maintained by John Beatty