Plan your Web site with Visio shapes

A well-organized Web site begins with a plan. The first step in developing this plan is to brainstorm about the big picture ― the site's purpose, content, and overall organization. You can stimulate this discussion by creating a high-level, conceptual diagram of your new Web site using the Conceptual Web Site template. You can also use this type of diagram to help reorganize an existing site.

Show me an example

The Conceptual Web Site template opens three stencils:

  • Conceptual Web Site Shapes  These shapes represent general content, such as pages, page groups, and related pages.

  • Web Site Map Shapes  These shapes represent specific content, such as ActiveX controls, files, multimedia, and images.

  • Callouts  These shapes annotate your diagram.

Create a Conceptual Web site map

  1. On the File menu, point to New, point to Software and Database, and then click Conceptual Web Site.

  2. Click the connector tool Button image on the Standard toolbar.

  3. Drag the Main object shape onto the drawing page from Conceptual Web Site Shapes.

  4. With the Main object shape selected, drag another shape onto the drawing page.

    The shapes connect. Each new shape connects to the shape that is currently selected.

    With one shape selected, drag another onto the page. The two automatically connect.

    1. With one shape selected, drag another onto the page.

    2. The two automatically connect.

  5. Continue dragging shapes onto the drawing page and connecting them until you've completed your diagram.

  6. If you want, you can annotate the diagram.

    1. From Callouts, drag the callout shape you want to use onto the drawing page.

    2. To connect the callout shape to the shape with which the callout information is associated do one of the following:

      • Drag an end point End point image, which is plus sign in a green square on the callout shape to a connection point Connection point image - blue X on the shape with which the callout information is associated.

      • Drag an end point on the callout shape to the center of the shape with which the callout information is associated.

        A red outline indicates a proper connection.

    3. Double-click the callout shape to enter text. You can also adjust the width of the callout text block by dragging the callout shape's selection handles Selection handle image .

  7. Align and distribute the shapes in your diagram to fine-tune it.

Share Facebook Facebook Twitter Twitter Email Email

Was this information helpful?

Great! Any other feedback?

How can we improve it?

Thank you for your feedback!