Web Graphics Tutorial
Big, small, transparent, or animated -- Here's how you do it all!
How to Make Your Web Images Load Quickly: Introduction To Web Images Web graphics can increase your pageviews and generate a lot of interest. The down side is these graphics can also be the source of many issues. In this series, you will learn how bitmaps work, when to use JPEG, GIF, and PNG formats and how to create web page graphics that load quickly.
Web Developer Tutorial: Making Banners Using Swift 3D There are many programs out there that you can use to create awesome graphics. One such program is called Swift 3D. It is a program made by Electric Rain. Swift 3D v6 is a standalone 3D modeling and animation tool that comes along with preset animation movements, lighting schemes, environments, materials and other things. Right now we’re start out by showing you how to do something simple--we will make a banner that has a beautiful reflection on the bottom.
So, You Want An Animated .gif, Huh? Perhaps you've seen them on other sites, and you want to create your own animated gifs? This tutorial shows you where to download the software you will need, then walks you through the creation of your first animated gif.
How To Add a YouTube Video to Your Web Site Embedding a video from YouTube in your website is quite simple these days. In this tutorial we'll show you how to do it, and how to use the more advanced embedding features that YouTube now provides to web developers.
So, You Want A 1 X 1 Image, Huh? 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.
So You Want Your Own Bookmark Icon, Huh? You've seen them on other sites...you bookmark a site and a neat little icon appears in the URL bar in your browser and in your bookmarks. Find out how you can have a bookmark icon for your own site!
So, You Want Faster Loading Pages, Huh? If there's one thing that will drive your visitors away, it's a slow loading web site! Read on to find out what you can do to make your web pages load more quickly!!
So, You Want An Image Flip, Huh? 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.
So, You Want LowSrc, Huh? 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.
So, You Want To Pre-Load, Huh? 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.
So You Want A Thumb-Nail Image, Huh? 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.
So You Want A Transparent Image, Huh? 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.
So You Want A Video, Huh? If you've ever thought about adding a video to your site, here's your chance to learn!
Text Over Images Place text over your images with HTML commands alone!
Clicking On Images In Forms So you want an active image on your site that does not produce an hand cursor when you move over it with the mouse? It can be done, in MSIE at least!
Image Formats This tutorial/essay goes into great depth regarding images in general. BMP, GIF, and JPEG formats are then explained with loads of examples. The scans are from my trip to Turkey. Come look at my vacation photos!
