Gathering And Putting Pictures On Your Site
So, you want a web site with pictures or a background. It does make it a lot more interesting than a solid color with nothing but words, but how does one find and put pictures or a background on a web page?
First the ethics! There are many graphics on the Internet for the taking, but not all of those graphics are for you to steal. The best thing you can do is to create your own graphics using a Paint or Gif program which will allow you to make still and sometimes animated art.
Many of us, however, are not artistically inclined. If you need some art, go to a source that will let you use their pictures, just be sure follow the rules. If they require a link back, be sure to put a link on your site. If they just want a mention, make a mention. If they only allow their work on personal sites, do not put it on your business site.
Even if they do not tell you to mention them as the source, it is still a good idea to do so.
One site, which I use as well, will allow you to use their graphics: Animated Gifs From WebDeveloper.com
To collect a picture from a site, if you have a PC, is to right click your mouse. A menu will pop up and you can choose the option, "Save Picture As" which you need to click. If you are saving the background picture, choose the option, "Save Background As."
Be sure to remember where you store it on your computer so you can retrieve it later.
Then you will need to upload the picture to your site. Follow the instructions given for uploading from your host. Most people will create a separate folder for the art to help avoid confusion when you need to edit your site later. If you do create a folder for art, be sure to note the route to your picture
Now that you have your pictures uploaded to your site, you now have a location for it which would be the URL or http://www.yoursite.com/imagename.gif or http://www.yoursite.com/images/imagename.bmp
Pick a place on your webpage where you want the graphic to appear. Put the graphic in that spot with this code
<img src="URL_of_your_graphic">
Make sure if you do use art that it will not take too long to load. Try to keep it under 10 bytes which will assure quick load time. Don't put too many pictures on a page or pictures that are so distracting that it takes away from your message.
By using alt you can type a message where the picture will be if the picture does not load. If someone puts their mouse over the picture, those words will pop up. You can also use title and put the same information which will show up for those using Mozilla browsers. Put your mouse over the picture below:
To use the alt with your graphic use the tag this way:
<img src="URL_of_your_graphic" alt="pictures on a web site" title="pictures on a web site">
Be sure to put your text in between the parenthesis after alt=.
You can also dictate the size of your picture by using the width and height tags in pixels.
<img src="URL_of_your_graphic" width="50" height="50" alt="pictures on a web site">
Just take it easy when using graphics on your website.
 |
JCE Enterprises Related Sites |