Image Tutorials
http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3479961/Image-Tutorials.htm (Back to article)
 |
Image Tutorials Big, small, transparent, or animated -- Here's how you do it all! |
Set up your pages so that the images are in the cache waiting to be used rather than downloading each image as you need it.
Place text over your images with HTML commands alone!
This will help you along with the process in making any image an active hypertext link.
This teaches you how to create an image link that does not produce a hand image when the cursor passes over it. I don't know why you'd use it, but why not tell you about it?
Embedding a video is pretty simple. In fact, it follows the same format as embedding a sound. But there are problems along the way. Here's a quick look at the process.
This is a great effect. When the mouse passes over the image, it changes. It's JavaScript-driven and a little tricky, but you'll get it.
Use PaintShop Pro to capture any image on your computer's screen.
Here's a great way to cut down on bytes and speed up the loading of your page. Use a 1 x 1 pixel image and shape it just about any way you want.
Learn to use these commands inside of image commands to get your pages to load very quickly.
This command allows you to help the viewer out by loading a lesser version of a picture before the big color version comes in. Log into the page to see an example of what I'm talking about.
Pages look dull if everything's square. Find out how to eliminate the white space around your images so they appear to just "float" on your pages.
This tutorial guides you to download all the software you need, then walks you through creating your first animated gif. Heck, I even provide the first four images.
Please be kind with your large images. Big ones take a long time to download. Let the viewer see a smaller version to check if he/she even wants to spend the time waiting for it.
