File Management

1. All images, html docs, and support material that you want to appear on the website, must be saved in the site folder.

2. The site folder, as called the root folder, is folder that contains all files for the website.

3. All HTML files must have their own image folder. For example,

   index.html
   index_images

   ancient.html
   ancient_images

   art.html
   art_images

    

   ---

   File Naming Convention

• all lowercase
• no spaces, use underscore instead
• no special characters (! & * % $ ? / <> "" etc.)
• don't start with a number, but you can end a number
  ** establish a naming system and stick with it **

EXAMPLES
index.html
art.html
art_profile.html
english.html
it.html
it_examples.html
math.html
science.html
science_photos.html
spanish.html

Choosing Images

1. Choose images with the same background color as your web page. This will make the image look embedded in the page because you will not see the edge of the image.
2. Avoid pixelated images by choosing large images with good resolution. Do not enlarge images.
3. Site the source of your image and use images licensed under the creative commons such as the images found on yotophoto.com. See "Royalty Free Images" for other suggested sites.

Creating Animated GIFs with Fireworks

1. Open the image in Macromedia Fireworks
2. Select the image.
3. Modify > Animation > Animate Selection
4. Choose your desired settings.
5. Preview the animation using the controls at the bottom of the screen.
6. Change the frame rate, delete, and add frames using the Frames and History panel.
7. 
8. To change the frame rate choose "Properties"from the panel options menu.
9. Save your animation as an Animated GIF. File > Image Preview
10. Choose Animated GIF as the format.
11. If you want a see through background, choose Alpha Transparency from the transparency drop down menu.
12. Press Export.

Designing Web Pages for Different Monitor Resolution

Monitor Resolution: 800 X 600
Table Size: 777 width X  435 height 

Monitor Resolution: 1024 X 768
Table Size: 1005 width X 600 height