Time for action — creating a map and driving directions page

  1. Go to Page Manager and click the New Page button on its toolbar. The Create Web page wizard opens, asking you to select a template.
  2. Select Base Template under Custom Templates and click Next. The wizard asks you to Choose page properties.
  3. Type Map in the Page title text box.
  4. Type map in the Web address text box.
  5. Leave the Show this page in the Navigation bar checkbox deselected.
  6. Click Finish.
  7. Office Live Small Business creates the new page and opens it in Page Editor in a new window.
  8. Edit the text of the page title in Zone 2 to read Map.
  9. Save your work and preview the website. It should look something like this:
    Time for action — creating a map and driving directions page
  10. Close the preview window and return to Page Editor.
  11. Place the cursor below the horizontal rule and pull down the Module menu from the ribbon.
  12. Click on Map & directions. The Map & Directions dialog pops up. It has two tabs at the top: Location and Display Options. You're presently on the Location tab.
  13. Select your country in the Country or region drop-down. Then type in the Address textbox.
  14. Click on the Display Options tab.
  15. Select the Use an interactive map checkbox.
  16. Choose the Large radio button for the Size option.
  17. Select the Show driving directions checkbox.
  18. Select the Show address checkbox.
  19. Click OK. The Map & Directions dialog closes. The page now displays a map of your neighborhood in Page Editor.
  20. Save your work and preview the page. It should look something like this:
    Time for action — creating a map and driving directions page
  21. Notice that the map module displays your address and a hyperlink for driving directions.
  22. Click the Driving Directions hyperlink. The Microsoft Live Search website's driving directions page pops up in a new window with your address as the End address. A visitor can now enter her address as the Start address and get driving directions to your office.
  23. Close the preview window and return to Page Editor.

What just happened?

You used Office Live Small Business's Map & directions module to display a map of your neighborhood on your website. And you didn't have to write a single line of program code to do it. Now that you've worked with a few modules, you'll begin to appreciate their power.

Have a go hero: customize the Map & directions display

You can customize the look and feel of the map to an extent. Right-click on the Map & directions module on your page and select Properties…. The Map & directions dialog that you just saw pops up again. Click on the Display Options tab. Now, try choosing a different combination of options. The module will customize the map display depending on the options you choose. Choose a combination that you like the best.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.119.28.94