Quick Start Tutorial

 Return to WS 5.0 Home Page

This tutorial will help jump start you to getting your website up quickly and easily. The step-by-step instructions help you build two web pages and then link them together. The goal of the tutorial is to help you become acquainted with the workspace, the Commands and the features in Web Studio that you will use to create your own custom website.

Before you start the step-by-step tutorial, we want to introduce you to the drag and drop function that is frequently used in Web Studio. With drag and drop you can move items from the galleries onto a page, add objects to the galleries, move objects on a page and add links. In fact, to get any content from the galleries onto your page, you simply drag from the gallery and drop it onto the page or object. 

.

Drag and drop something from a gallery

• Click on the gallery tab to open a gallery.
• Scroll to the item you want to add to your page.
• Move the mouse over the item.
• Press and hold the left mouse button down over the item.
• While holding the mouse button down, drag the item to a spot on the page
• Release the mouse to drop the item on that spot.
• Use drag and drop to reposition the item anywhere on the page.

The Cursor Hot Spot

When you drag and drop an item, you will notice that the cursor looks like an arrow. The cursor has a hot spot at the tip of the arrow. This spot is very important when you drag and drop links onto objects. Make sure the hot spot is over the object when you drop a link. If the hot spot is not over the object, the link will not work. 

 

Tutorial Steps

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