Welcome to Chris Jackson's Website DesignStrategies that Attract and Engage Visitors Graphics Page

The graphics on the site is the first thing a visitor will notice.The graphics should relate to the content on the       site. When designing graphics, the potential limitations       of the visitors technology must be considered when       choosing which graphics and or animations to use. The    designer must consider monitor resolutions, various       browsers and how they display colors, and the download implications of the Internet connections.

The first item to consider is color. The safest way to pick   colors for your web page is to use the Browser safe colors. These are the 216 colors that are common in both          browsers and in operating systems (Williams and Toilette, 2000). Click here  to access further information on web        safe colors.

In addition, it is also usually better to keep the image         files small. Large image files will slow down the download    time for your users. The best way to reduce your files is      to use an editing program such as Adobe Photoshop, or Macromedia Fireworks.

Most images are either JPG, GIF, or PNG. You will see          the type after the "." i.e. world.gif. JPGs are usually used     for photographs, and drawings. JPG files can display 24-bit colors so they are used when there are a lot of colors to  display. GIFs are usually used for illustrations, logos, and images that do not need a lot of colors. These files are        8-bit colors.(Williams and Toilette, 2000). PNG files are       a lot smaller than the GIF files. They are a combination       of GIF and JPG. However, they cannot replace JPGs        because they cannot be used for animation and they           do not support older browsers.

"In 1998, Congress amended the Rehabilitation Act to       require Federal agencies to make their electronic and information accessible to people with disabilities"          (Section 508, www.section508.gov, par 1). For further information on the law click this link, Section 508. In          order to meet 508 compliance, the designer should also    always make sure to include the alt tags. Alt tags are          text descriptions of the graphics and pictures. Many web    design programs automatically que the designer to input      the alt tag.

Here are two examples of web pages that do a nice job incorporating the graphics into the site. http://www.musicfanclubs.org/jimihendrix/

http://origin2.foxsearchlight.com/napoleondynamite/fan club/index.php

Here is a page that could be enhanced by adding a few graphics. http://countrymusic.about.com/od/fan clubs/

This page has a graphic embedded that wiggles around        and is very distracting http://www.lochness.co.uk/fan_club/

 

 

computersurfingweb
Web Safe Colors
websafecolors
man making graphic on computer
Example PNG
email author
about the author
Yosemitefalls

Example JPG

Site Link
professor in trash can on the side of the blackboard
Example GIF