Create a project thumbnail

To create a project thumbnail for documents designed for print

  1. Create a PDF of your document.
  2. Open the PDF file in a PDF viewer, such as Adobe Reader.
  3. Resize the document inside the viewer so you can see all of its cover page or initial page.
  4. Using a screen capture program, such as TechSmith Snagit, take a capture of the page, and save the resulting capture as a .png file.
  5. If desired, open the .png image in a bitmap-editing application, such as TechSmith Snagit Editor or Adobe Photoshop, and resize and resample the image to the desired dimensions.

To create a project thumbnail for documents designed for the screen

  1. Open the document in a web browser or other appropriate viewer.
  2. Resize the browser or viewer window to reduce unnecessary white space and to keep the material reasonably sized yet proportional.
  3. Using a screen capture program, such as TechSmith Snagit, take a capture of the home page, introduction screen, or any other representative page, and then save the resulting capture as a .png file.
  4. If desired, open the .png image in a bitmap-editing application, such as TechSmith Snagit Editor or Adobe Photoshop, and resize and resample the image to the desired dimensions.

    Note You can also perform this task in Dreamweaver, as covered in the steps below.

To insert a thumbnail image into a webpage in Dreamweaver

  1. Be sure the image you want to insert is stored in the images folder within your website folder.
  2. Open the page in Dreamweaver into which you want to insert the thumbnail image.
  3. On the Insert menu, point to Image, and then click Image.
  4. Navigate to the images folder within your website, click the thumbnail image you want to insert, and then click OK.
  5. In the Alt box, type an alternative text representation that describes your thumbnail image.
  6. If you didn't resize the image using Snagit Editor or Photoshop, hold down the Shift key on your keyboard, and then use the lower-right resizing handle to resize the image. Resample the image by clicking the Commit Image Size button Commit Image Size button.
  7. Apply an appriopriate class, if desired, to position the image to the left, to position the image to the right, to add a border, etc.
  8. Select the image, and then next to the Link box, click the Browse for File button Browse for File button, navigate to the project file you want the image to link to, and then click OK.
  9. In the Target list, click _blank to set the project to open in a new browser tab.