Web Design and Development
DART/ENG 230
MW 1:55 - 3:10 (S 31); H-167
Sep. 26
October 1
Oct. 3
Todays topic is more on Photopshop and Web images, specifically GIFs.
Here's another description of basic image file types for the Web.
Well 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)?
This is a background tile I made in Photoshop thats 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 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, etc.
Here is the second CSS video, No. 5 in the series, which covers grouped selectors, background-color, styles the <h1> does the .special class for the <span> and line-height for the paragraphs (you will need a class for that).
Site maintained by John Beatty