Logo
programming4us
programming4us
programming4us
programming4us
Home
programming4us
XP
programming4us
Windows Vista
programming4us
Windows 7
programming4us
Windows Azure
programming4us
Windows Server
programming4us
Windows Phone
 
programming4us
Windows 7

Microsoft Visio 2010 : Sharing and Publishing Diagrams - Customizing Diagrams Saved as Websites

- Windows 10 Product Activation Keys Free 2019 (All Versions)
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire
1/22/2014 3:12:58 AM

Important

The option to customize webpage output does not exist in the Standard edition of Visio 2010. Consequently, if you are using Visio Standard 2010, you will not be able to complete this exercise.

In this exercise, you will use the Publish button in the Save As dialog box to customize Visio webpage output.

Set Up

  1. On the File tab, click Save & Send, and then click the Change File Type button.

  2. In the Other File Types section, click Web Page (*.htm), and then click the Save As button.

    Tip

    Visio defaults to saving webpages in the folder that contains your Visio drawing file.

    Set Up

    The Publish button offers multiple options that you will explore in subsequent steps.

    The lower portion of the Save As dialog box includes two buttons for customizing webpage output. You can click the Change Title button to modify the text that will be displayed in the title bar of the web browser. The default page title is the file name of the Visio drawing.

    Set Up
  3. In the Save As dialog box, click the Publish button. The Save As Web Page dialog box opens.

    Set Up

    The Save As Web Page dialog box provides various ways to customize your website:

    • In the Pages To Publish section, you can select a subset of the diagram’s pages to include in the web-published output.

    • In the Publishing Options section, you can select which navigation pane options, and which reports, if any, should be included in your website.

      Important

      The only way to view reports in your web-published drawing is via the Go To Page navigation panel. Consequently, if you include reports as part of your website, you must leave the Go To Page check box selected.

    • When Visio creates a website from your drawing, it automatically opens it in your browser. You can clear the Automatically Open Web Page In Browser check box in the Additional Options section to prevent this from occurring.

    • By default, Visio creates a folder to store the majority of website files. You can clear the Organize Supporting Files In A Folder check box\ in the Additional Options section to have Visio store all website files in a single folder.

    • In the Additional Options section, you can type a different title in the Page Title text box. (This is an alternate method to using the Change Title button mentioned in Step 2.)

  4. In the Publishing Options section of the Save as Web Page dialog box, clear the Details (shape data) and Search Pages check boxes.

    Tip

    Visio remembers the settings for these options; you will see the same settings the next time you save a drawing as a webpage.

  5. In the Publishing Options section of the Save as Web Page dialog box, select the Report: Flowchart check box.

    Tip

    Visio does not remember the settings for the reports you choose; none of the report check boxes will be selected the next time you save a drawing as a webpage.

    If your Visio drawing includes more than two reports, use the scroll bar in the Publishing Options section to view the full list of reports.

  6. Click OK. You will see one or more progress indicators before your browser displays your new website.

    See Also

    On the left side of the browser window, you see the result of the navigation pane choices you made in Step 4: only the Go To Page and Pan And Zoom panels appear.

  7. In the Go to Page section, click the arrow next to Recruiting. The Go To Page list includes entries for each page in the diagram and for each report you selected.

    See Also
  8. To view the flowchart report, click Flowchart in the drop-down list, and then click the green button containing the white arrow.

    See Also

    Tip

    To view other reports or to return to viewing the drawing pages, use the Go To Page list. You can also click the browser’s back button to return to the previous page.

Clean Up

Save your changes to the HR Process Map Save as Web2 drawing, and then close it.

You may have noticed in Step 3 that the Save As Web Page dialog box includes a second tab labeled Advanced.

Clean Up

The Advanced tab provides additional customization options, such as the following:

  • In the Output Formats section, you can use the drop-down list to select one of the alternate webpage formats.

    Clean Up
    • VML is the webpage format created by previous versions of Visio. The features of VML websites are very similar to websites created with XAML.

    • SVG is a specialized format that is supported by some but not all browsers. Like the three image formats described in the following bullet point, SVG websites display fixed-size pages with no Pan And Zoom panel.

    • GIF, JPG, and PNG provide fewer capabilities than either VML or XAML. For example, the viewing window for these formats is a fixed size and does not include the Pan And Zoom panel in the left navigation pane. However, websites produced in these formats retain all hyperlinks and are likely to be compatible with a wider range of web browsers. (Note that you can have the best of both worlds—full navigation functions in Windows Internet Explorer and support for older browsers; see the following bullet point.)

  • If you select XAML, VML, or SVG as the Output Format, Visio defaults to selecting the Provide Alternate Format For Older Browsers check box. You can use the drop-down list under this heading to select GIF, JPG, or PNG output as a backup to your primary choice.

    Clean Up
  • In the Display Options section, you can use the Target Monitor, Host In Web Page, and Style Sheet settings to further customize your webpages. The second and third settings, in particular, are intended to help you integrate a Visio-created website with another, existing website.

What’s in a Visio-Created Website and Where Is It Stored?

When you use the Save As Web Page function, Visio generates a webpage that is loaded into your browser and that provides access to the rest of your website. It also creates a supporting files folder that contains various graphics and webpages for each page in the drawing, as well as JavaScript, Extensible Markup Language (XML), and other files that comprise the website.

By default, the Visio-generated files are stored in the same Windows folder that contains your Visio drawing. Visio gives the webpage file the same name as the drawing plus an .htm file extension. For English versions of Visio, the name of the supporting files folder is the same as the drawing name followed by _files.

If you completed the preceding exercise using an English language version of Visio, for example, the folder that contains HR Process Map Save as Web2.vsd also contains the following:

  • A file called HR Process Map Save as Web2.htm

  • A folder called HR Process Map Save as Web2_files

If you want to copy or move your new website, it’s important to copy/move both the .htm file and the supporting files folder to the new location. Windows helps you do this: in Windows XP, Windows Vista, and Windows 7, if you copy, move, or delete either the file or the folder, the other goes with it. (In Windows XP and Windows Vista, you can disassociate the file from the folder by using a Windows Explorer setting. Windows 7 does not offer this option.)

Other -----------------
- Microsoft Visio 2010 : Creating and Validating Process Diagrams - Reusing Existing Validation Rules
- Microsoft Visio 2010 : Creating and Exporting SharePoint Workflow Diagrams
- Microsoft OneNore 2010 : Opening a Backup Copy of a Notebook Section
- Microsoft OneNore 2010 : Backing Up Notebooks Manually,Choosing How to Back Up Notebooks
- Microsoft Visio 2010 : Creating and Validating Process Diagrams - Creating Subprocesses
- Microsoft Visio 2010 : Creating and Validating Process Diagrams - Understanding BPMN, Creating and Validating BPMN Diagrams
- Microsoft Visio 2010 : Creating and Validating Process Diagrams - Understanding Visio Rules , Validating Flowcharts
- Microsoft Project 2010 : Tracking Progress on Tasks (part 4) - Entering Actual Values for Tasks
- Microsoft Project 2010 : Tracking Progress on Tasks (part 3) - Entering a Task’s Completion Percentage
- Microsoft Project 2010 : Tracking Progress on Tasks (part 2) - Tracking a Project as Scheduled
 
 
Top 10
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
Popular tags
Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 windows Phone 7 windows Phone 8
programming4us programming4us
Celebrity Style, Fashion Trends, Beauty and Makeup Tips.
 
programming4us
Windows Vista
programming4us
Windows 7
programming4us
Windows Azure
programming4us
Windows Server