Graphics on your web site
Graphics are an important part of any presentation. | It is important to use them wisely and in a balanced fashion. | In 1998 surveys the largest complain (68%) about the web was speed. | Graphics strongly affect presentation and speed. | This technote defines how to adjust the look and feel of your site and balance the need for speed. |
Areas of specific concern are the general look and feel, item graphics and navigation graphics.
web webclerk graphics wcSet Graphics wcProducts/Services navigation item graphics look and feel
Each major object on a site generates a cycle through the web server:
1. Each frames
2. All text in each frame
3. Each graphic
4. Each embedded object
1. Text, even formated, is light and fast.
2. Clicking on linked text is reliable for the user.
3. Graphic maps, although larger than smaller buttons, require fewer cycles through the server and are faster.
4. Clicking on graphic buttons or maps can be less reliable if the user moves their mouse as the click. The browser may interpret the click as a drag.
Graphics may be stored at your site or forwarded loaded to an ISP to take advantage of greater bandwidth. Remember, your users have to receive based on their bandwidth. A ray of hope, bandwidth will likely triple in size or reduce cost every 6 months.
Types of Graphics
Nearly any of the current media types may be used at your site. Take care to use the <embed> tag for movies and other interactive media.
Look and Feel
Although a web site powered by WebClerk can look like anything you can create with HTML, we strongly recommend that you manage the site with two primary frames. A left navigation frame and a main body frame. This template is provided with the demo data.
The left navigation frame gives your visitors a anchor so they do not loose their way as they navigate your site.
Using this frame approach, WebClerk uses six images to adjust the look and feel of your site (Splash Image not shown).
You personalize your store with your own graphics and backgrounds. This step walks through the graphics that are normally used by WebClerk to build your eCommerce site. You will also add graphics for the "Colorado Kayak" store to the site and modify some of the site's backgrounds.
Using our recommended format, the following graphics control your site. The names can be anything, we use these as standards to make it easier to support.
NOTE: Alway use extensions on your files. It supports cross platform applications. Graphic formats can be any of the web accepted standards, typically .gif or .jpg. Colors are not significant, used only for presentation.
Company's main logo which will appear on several of the store's pages
Logo which appears on the "front" web page (not shown in image above)
Small Company Logo on the navigation bar
Horizontal navbar image (used when additonal links are needed)
Verticle navbar image
Background image on desired pages
For our "Colorado Kayak" store example, the six images for the site are stored in the jitWeb/Images/Company_Images folder. The jitWeb folder currently conatains images for the JIT Corp website. To change these images to your kayak store images:
a. From your desktop, navigate to ...jitWeb/Images/CO_Kayak_Images.
b. Copy the six standard images from this folder. Move up one level to the Images folder and paste them (into the jitWeb/images folder).
c. This will overwrite the existing website images, which were images for the JIT Corp website (the JIT Corp images are also located in the jitWeb_jit folder if you wish to use JIT Corp's images again for future practice.
d. Your eCommerce site has now been changed!
You may wish to tailor pages with colors. This can be done from the Web Site editor. For more information on the Web Site Editor, ReferenceThis<--Web Site Editor-->.