Tutorial Step 4

 Return to WS 5.0 Home Page

Step 4. Preview the Page 

Now that you have some text on the banner, let’s see how it will look on the internet by Previewing the page. We will Preview the page using the Web Studio browser which opens right in the workspace. 

 

• Click on Page Tab>Preview Group>Preview Page Arrow>Use Web Studio Browser. This opens the page in a browser. 
• Note the changes to the workspace when a page is Previewed: 

1. The page opens as a separate page with a tab that is labeled Preview Page: OfficeServicesHome.  

2. Two new Tabs appear on the ribbon labeled Internet and Browsing.  

3. The ribbon icons are replaced by an internet address field with navigation tools. 

• Look at your banner and text.  
• Click the X on the Preview Page tab to close the browser. 

    You cannot make any changes in the browser; you can only view the page.

 

Tutorial Steps

Quick Start Tutorial

Tutorial Sample Site

Step 1 Start a new Project and choose a background

Step 2: Make the Banner and Basic Web Design

Step 3. Add Banner Text

Step 4. Preview the Page

Step 5. Add a Page, Rename a Page

Step 6. Add Photos to the Home Page

Step 7. Add Shapes and Text to the Home Page

Step 8. Add Buttons

Step 9. Complete the Contact Page

Step 10. Create an Email Link

Step 11. Link Pages

Step 12. Preview the Website