Jacky P,
Are you sure? It would probably be easier to live without the mouseover or
add captions...;-)
The process is fairly simple in concept, but a bit tedious to execute, so
you might want to do this only with the images that are most important. In
brief you will need to create a subfolder called "images" or something
similar on your website where you will upload your images, and then you will
use the "insert html code fragment" tool in Publisher to insert the
following code:
<IMG SRC="
http://www.yourwebsite.com/images/yourimage.jpg" ALT="Whatever you
want the alt tag to say">
You will need to size and optimize your images for the web before you upload
them to your new "images" folder. Perhaps the easiest way to do this is to
use Publisher to produce your "optimized" images. To do this you must first
compress all the images in your Publisher document. Reference: "Compress
graphics file sizes to create smaller Publisher Web pages":
http://office.microsoft.com/en-us/assistance/HA011266301033.aspx
Then after you have compressed the images, Publish to the Web, to a folder
on your hard drive where you can easily find it. Go into the index_file
folder within that folder on your hard drive (assuming you are using a
supporting subfolder) and open and look at each image. Choose the image that
you want to use, and rename it to something easy to understand. From
image423.jpg to myphoto.jpg, or image321.gif to logo.gif, etc. Be sure to
not use spaces in renaming, and I would suggest that you use all lower case
letters. The challenge will be looking through all the image files and
deciding which to use, as Pub 2003 generates copies of each image in various
image formats (gif, jpg and png) for different browsers. Also if you can't
see the file extensions, I would go to Tools > Folder Options > View and
under Advanced Options untick "Hide extensions for known file types".
Collect all the renamed images that you plan on using and put them into an
"images" folder on your hard drive, and eventually you will want to upload
each of them to the "images" folder on your web server.
Now before we move on, I would also say that the best way of resampling,
resizing, optimizing and producing your images is to use a third party image
editing program such as Adobe Photoshop Elements, or perhaps one of the
freebies such as Irfanview (
http://www.irfanview.com/) You will get much
better images in the long run, than if you let Publisher produce them.
Once you have your images renamed and ready, then use the insert html code
fragment tool to insert a code fragment box for each image in your Publisher
document. Size the box the same size as the image it is replacing before
your delete the image. Change the code snippet I gave you above for each
image, add the Alt text you want to include, and that's it. Delete all the
old files off your website, and publish your new files, and your new images
to the "images" folder.
I would suggest that you do some testing before you change over your whole
site, to make sure it is going to work. Save a copy of your original
Publisher file, and then on the copy try this process with just one image.
If it works, then you can rework the whole thing.
Now, are you SURE you want to use mouseover alt tags? ;-)
DavidF
