Title Graphic - HTML / CSS Help



  Quick Jump: Graphics | Graphics How-To / Tips
Free templates, backgrounds,fonts, design sets, etc.
  Infinite Fish
Free Background Textures
  Leo's Icon Archive
Mac & PC Icons! Some are free, some aren't. Readme files come with your downloads and tell you how the files may be used (free, not, whatever)
Thousands of free graphics.
  Web Design In A Nutshell
This book is my web design Bible as I've taken to calling it this semester with all the online projects I've had. It covers a little bit of everything, HMTML, CSS, Java, Forms, etc, etc...


Graphics How To / Tips

  • Scanned images do not need a resolution higher than 72 for display on a monitor or screen. A higher resolution for a graphic that is not intended to be printed is just a waste of file space.

  • Use a .gif file for simpler graphics, .gif files will display a transparent background

  • Use a .jpg for detailed graphics such as photographs, .jpg files will not display a transparent background

  • Troubleshooting tip: You are creating a page with a colored background. You saved your graphic with a transparent background, but the graphic has a white background that you don't want surrounding it. Check to make sure that your graphic is saved as a .gif file. Example

  • For larger graphics, to speed along the loading of your webpage, adding the width and height attributes to your <img src> tag will create a sort of "placeholder" telling how large your graphic will be.

    This placeholder allows a space to be left for the graphic to load in so the rest of the page can continue loading while the slower large graphic loads.

    For a graphic that is 60 pixels wide and 60 pixels tall, this code should read:   <img src="(file name or url)" width=60 height=60>


setstats 1