1: <!-- MAIN CONTENT -->
2: <h5 class="page-header">Screenshots</h5>
4: <p>Once the extension is installed, extra menu items will be added to the Tools menu. The options are: Documenter Settings and Output Page Info.</p>
6: <p><img src="menu_example.jpg"></p>
8: <p>The menu option Documenter Settings will bring open a window allowing you to specify what settings to use when documenting a web page. Options are accessed by clicking on the desired type of setting from the tree listing shown on the left side of the window.</p>
10: <p>This shows the options for how to document images.</p>
12: <p><img src="pref_images.jpg"></p>
14: <p>The top selection <b>Show Images</b> allows you to specify if you want to include any image information in the output. For pages being built with a standard image template, you won't normally want this info, so uncheck that box. If however you are working with getting the graphics lined up properly, you would want to check the box.
16: The <b>Properties to Show</b> group gives you the ability to select which image properties to include in the output page. Again, not all properties may be of interest, so you can uncheck options you don't need.
18: Finally the <b>List all Instances...</b> check box allows you to remove listing duplicate listings of the same image. In some pages, the same image may be shown dozens of times, so by un-checking this box, you can have only one listing of each unique image.</p>
20: <p>This shows the options for listing special tags on a page.</p>
22: <p><img src="pref_special.jpg"></p>
24: <p>To get all info on any special tags, select the <b>special tags</b> option on the left, then check one of the 5 check boxes, then enter the tag name to its right. An example is shown here. With this setting, all <b>DIV</b> tags will be shown in the output page.</p>
26: <hr width="90%"/>
28: <p>Here is a example output page. Note that this is only the top of the output, more is viewable by scrolling down.
29: Note that this is in a new browser window, and can not be saved directly.
30: What needs to be done is to select and copy the page, then paste it directly into a word processor.
31: Then the user can save it and use it for documentation.</p>
33: <p><img src="sample_output.jpg"></p>