TJC's home page

A tip of the hat to Susan Wishinsky for teaching me this procedure to save, crop, and edit web pages for presentations.

To create images of web pages and then insert those images into web pages or into PowerPoint slides.. I use this technique to develop web "slides" and not have to rely upon live web connections for presentations.

• Web Page - first scroll to that portion of the web page from which you want to make an image and size the web page to capture what you want.
• Screen Capture - to capture just the web page (the active blue bar window) hit Control-Alt-Print Scrn.
• Insert the Screen Capture into Fireworks - open Fireworks and select New under File.
  • Click OK on the New Document pop-up dialog box.
  • Use Ctrl - V to paste the screen capture into Fireworks.
• How to Crop the Image to Save Only Desired Portion:
  • Highlight the Marquee Tool (top left in sidebar - it's a box shape - under Bitmap);
  • Use this to "box" the desired area to save for the image;
  • Go to Edit and select Crop Document in the drop-down menu;
  • Once Crop Document is selected only the "boxed" area of the image will remain.
• Modify the Image in Fireworks - under the Modify tab select Canvas and then Image Size.
  • This enables one to adjust the image size.
  • For most web "slides" I select an image width of 550 pixels.
  • For some "side by each" double images I created a two cell table and put an image 350 pixels wide or less in each cell.
• Export the Image for use elsewhere - go to the File tab and select Export Preview from the drop-down menu.
  • This opens an Export Preview window with a default to a gif image (look to be certain that gif is the format selected for export).
  • It is usually possible to half the image bytes size by selecting 16 or 32 color instead of the 128 or 256 color default image without sacrificing quality - this is important for image file size and load time, especially if creating web pages that will be accessed by lots of people, especially remotely.
  • Once satisfied click on the Export button to name and move the gif image file for use in a web page to a file on the computer - I save it to the same folder I will be using for the web page in which I plan to insert the image.
  • I have not customarily saved copies of the images in Fireworks in the png format as it seemed duplicative and unnecessary to do so.