Title Graphic - HTML / CSS Help





 

Graphics

 
  Quick Jump: Graphics | Graphics How-To / Tips
     
  WindyWeb.com
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)
 
  GraphXKingdom.com
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