banner

Image

The image page section is to continue the process of preparing images for the web. It is necessary
to begin thinking about the design and integration of images into the web and web page itself.

Requirements:

A. Create a page that links to the Image pages (B, C, D, E, and F)
The page should have links and descriptions for the pages that are being linked to.

B. Background Pages - examine possibilities in:

  • Create a "pattern-bg.html" page, and choose a gif-formated pattern as the page's background
    (750 x 550 for opening a new browser window in the "bg-pages.html" page)
  • Create a "texture-bg.html" page, and choose a gif-formated texture as the page's background
    (750 x 550 for opening a new browser window in the "bg-pages.html" page)
  • Create a "img-bg.html" page, and choose a single image as the page's background
    (750 x 550 for opening a new browser window in the "bg-pages.html" page)
  • Create or choose a pattern tile (a vector based gif image, then repeat the value in Dreamweaver)
  • Create or choose a texture tile (a vector based gif image or a raster based jpg image, then repeat the value)
  • Create or choose an image which is bigger than (1600X1200) to avoid the pixel repeating, unless the small dimension image has a seamless edge

C. GIF Page - Working on a single image (suited for the gif format) show four instances of the graphic element.
All four images should be the same dimension size. Save for Web to find out the large size (dimension) and best quality with possible smallest file size.

  1. Show a gif image at the best quality for the web: Perceptive / No Dither / Color 256 (20 KB)
  2. Show a gif image at a good quality: Adaptive / Diffusion / Color 64 (12 KB)
  3. Show a gif image at a medium quality: Selective / Pattern / Color 16 (8 KB)
  4. Show a gif image at a low but acceptable quality with the smallest size: Restrictive / Noise / Color 128 (6 KB)
  5. Label all instances. Click GIF Page text link for reference.