|
|
| Working with Photoshop layers |
Create an image(s) so it's easy to revise
in the future. If you're working in Photoshop utilize the layers, in the "layers dialog box" each layer
can be named. Input font/color/style specs info per each, [ex:Times 22pt color #FFFFCC]. |
| Saving the code in the LiveG-Map so you can finish it later |
If you need to close the AppletSet'r page or quit your browser while
configuring a complex applet it is possible to save your values. To do
so click the HTML button and copy the generated code before quitting or
closing the AppletSet'r page. Locate "Liveg_map_horiz.html" or "liveg_map_vert.html" document located
within the Data directory. Find the first opening "applet" tag and closing
"/applet" tag, select and replace with your copied generated HTML code.
Within the opening of your pasted applet tag you need to add an
attribute labeled name and set it equal to the name of the applet you're
working on so that the two applets can communicate with each other.
A list of the proper names can be found in the user guide. |
| Use the "Save As..." when creating a LiveG-Map |
Ok, so you've completed designing your LiveG-Map, pop-up menus and all. To make it easy for
later updates. Create a new folder just for LiveG-Maps, keep this in your PageCharmer/PageCharmer Pro folder for your convenience.
Then "Save As..." the document titled "Liveg_map_horiz.html" or "liveg_map_vert.html" located within the Data
directory. Find the first opening "applet" tag and closing "/applet" tag, select and replace with your copied
generated HTML code. Name the document "whatever your image is_gmap.html"
You will have to put this document in the Data folder again before making any additional changes.
|
| Get the most out of the pop-up menus |
In the online manual we cover how to add GIFs to the pop-up menus or take them out. Just as in the above tip this
will really help save time when you want to change an applet again. We suggest you go through the GIFs
and decide which ones you will not ever use and put them in another folder titled "more graphics", within your
PageCharmer/PageCharmer Pro folder.
|
| Anti-alaised type & gradients |
Design your images with download time always in consideration. You can achieve excellent results
by avoiding anti-alaised type and gradients to start with.
|
| Covert RGB to HTML Color |
So you have an RGB color that you need in HTML color. Point your browser to Mediarama.
It converts RGB color and will show you what your colors will look like together on a Web page as well as
provide you the correct code to plug in.
|
| Web Color Considerations |
Just as every computer is different so are the monitors. When creating your PageCharmer/PageCharmer Pro
images we suggest you work in 256 colors. That will ensure the widest range of viewers will be able to see the
images the way you have intended.
|
| Organize that "Images" folder |
Java dictates that you must put the "images" folder inside the "classes" folder (ie.classes/images/.....) but
once you have created an "images" folder the rest is up to you. The easiest way is to add more folders. As
many as you want. For example we have an "accents" "banners", "logos", "boxes" folder within the
"images" folder all designed to save time.
Remember if you follow this tip you will need to go into the HTML code with an editor or word processor to
add the proper HREF string. (ie. A HREF="classes/images/banners/.......gif")
|
Check out the tips below to help speed the process of creating PageCharmer/PageCharmer Pro applets even more.
Let us know if you have a tip you would like to 