I ran into a person who had problems with website graphics. He was trying to add an image from a digital camera to his xsitepro header image. Being new he was confused and I tried to give him some instruction on how to create website graphics the proper way.

Regarding your picture problem.

If I understand you correctly, you are trying to use images from your camera as background images for your header? If my assumption is correct, then you are making 2 basic errors.

If you were trying to put one image from your camera into the header graphic….it probably wouldn’t look very good first of all. Secondly, if you are taking the image directly from the camera, it is wayyyy too big to use on the web. The image has to be resized and optimized for fast loading on the web, I talked a little about the process here Working with Graphics

Your other major mistake is that most header graphics are composed of a collage of images and text which is created in an image editor such as photoshop or GIMP. So…you would be using an image for the header graphic, and you would define the webpage by the size of the header graphic. For instance if you created a 750 pixel by 175 pixel header graphic, the webpage would be 750 pixels wide. There are exceptions but this is a general rule.

So, if would benefit you to learn how to create a basic header graphic. You can get a free easy to use image editor and a couple video tutorials on how to work with header graphics here: Free Header Graphic Tutorial

OR

You can learn how to use an image editor like GIMP, which is free, by watching 28 video tutorials which explain how to use the tools which manipulate and edit images, create headers, work with text and much more by check out Gimp Video Tutorials http://www.spGraphic.com/land/header_tutorial.htm

Sorry but I can’t address your other problems regarding program malfunctions.

Take care,

Scott

Tags: website graphics, xsitepro graphics, header graphics, gimp tutorial, gimp