Common Process
(for Visio files that don't use hyperlinks)

1. Save Visio file from the InHouse web site to your desktop.
2. Open the file in Visio.
3. Make your edits to the org chart.
4. Save the org chart back to your desktop in Visio format.
5. Save the org chart back to your desktop in Graphics Interchange Format (*.gif)
6. In InHouse, edit the Full Story of your content.
7. Select the org chart your want to replace, right-click, and select Picture.
8. Select the new org chart you just created from your desktop.
9. Preview the content and make adjustments until you are happy with the layout.
10. Once everything is in good shape, Replace the old Visio file on the Attachments tab with your modified Visio file from your desktop so the next time you have edits, you will have an up-to-date Visio file.

Please be aware that the width of the org chart can only be as wide as the width of the area you have on the web page for content. So keep it as narrow as possible.
 

Advanced Process
(for Visio files that have embedded hyperlinks)

Using InHouse

1. Create an InHouse article and save it for each org chart page that you want to be available on the web site. Key fields to fill out are:
   • Heading (name of org chart)
   • Categories (put in Org Chart category)
2. Repeat step 1 for each org chart.

Using Visio

1. Open an org chart Visio file.
2. Pull down the File menu and select Properties.
3. In the Hyperlink base: field, put a blank space.
4. Hyperlink each appropriate element in the org chart. If the hyperlink should go to another org chart, go to the Content List screen in InHouse and click the Preview icon to the left of the article you want to hyperlink to. The URL in the address bar of the browser is the URL you want to use in the Address field of Visio’s hyperlink option window.
5. In the File menu of Visio, select Save as Web Page…
6. In the Save As window, click Publish.
7. In the Save As Web Page window, uncheck any options under Choose Functionality.
8. In the Save As Web Page window, uncheck Open web page in browser.
9. In the Save As Web Page window, click Format Options.
10. In the Format Options window, select GIF as the Primary output type and click OK.
11. In the Save As Web Page window, click Appearance.
12. Select 640x480 under Screen size and click OK.

Using your local hard drive

1. This last previous step will create HTML and GIF files on your local hard drive. Locate these files.
2. Locate the file called xyz _gif_1.htm. Also locate the file called xyz_gif_1.gif which will be needed in a couple of steps. The “xyz” part is based on the file name you used to name the Visio file.
3. Open this file in an editor that can view the HTML source of the htm file (i.e., notepad, FrontPage, DreamWeaver).
4. Copy everything from the starting <MAP> tag and through to the closing </MAP> tag into your clipboard (including the tags themselves). This will be needed in a couple of steps.

Using InHouse

1. Go to the Full Story window of the org chart InHouse article that you are currently working on in Visio.
2. Click the Picture icon in the toolbar of the Full Story editor. It is a yellow button with some landscape imagery in it.
3. In the Picture Properties window, click Select New File.
4. In the Media Upload window, click Browse and locate the xyz_gif_1.gif.
5. Click OK until you are back to the Full Story editing window. The org chart GIF should now be visible in the window.
6. Right-click in this window and select View as HTML.
7. Paste your clipboard into this window.
8. Add an attribute to the IMG tag called USEMAP:
   <img src="Images/AttachmentGet.asp?ObjectID=10000827" USEMAP="#visImageMap"/>
9. Save the article.

Repeat

1. Repeat all steps from "Using Visio" down for each Visio document.