Toolbar Frame

<body stylesrc="toolbar.htm" bgcolor="#FFFFFF">  <h2>The Toolbar</h2> <p>The <strong>Toolbar</strong> is located in the FrontPage <strong>Editor</strong>, <a href="FPedit1.htm#edit screen">between the menu bar and the format bar</a>.</p> <p><img src="images/toolbar1.jpg" width="600" height="30"></p> <table border="1" cellpadding="4"> <tr> <td valign="top"><img src="images/toolbar2.jpg" width="21" height="28"></td> <td><h3>Create </h3> <p>To create a new empty page, <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbar3.jpg" width="23" height="29"></td> <td><h3>Open </h3> <p>To open an existing web or web page, <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbar4.jpg" width="27" height="29"></td> <td><h3><a name="save"></a>Save</h3> <p>To save the web page you're working on, <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbar5.jpg" width="23" height="29"></td> <td><h3>Print </h3> <p>To print the web page you're working on, <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbar6.jpg" width="23" height="28"></td> <td><h3><a name="view"></a>View Your New Web Page</h3> <p><font color="#000000">To view your new page,</font><font color="#408080"> click on the Toolbar icon that matches the icon pictured to the left</font>. </p> <p><font color="#000000"><strong>FrontPage</strong> will open the web browser it's been told to use, and will display the page you were working on when you clicked on the icon.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbar7.jpg" width="26" height="28"></td> <td><h3><a name="spell"></a>Spell-check Your New Web Page </h3> <p><font color="#000000">To spell-check your new web page,</font> <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left</font>. </p> </td> </tr> <tr> <td valign="top"><img src="images/toolbar8.jpg" width="24" height="29"></td> <td><h3><font color="#000000">Cut Text </font></h3> <p><font color="#000000">To cut text from your web page:</font></p> <ol start="1"> <li><font color="#408080">Using the mouse, highlight the section of text you want to cut.</font></li> <li><font color="#408080">Click on the Toolbar icon that matches the icon pictured to the left.</font><font color="#400040"> </font></li> </ol> <p><font color="#000000">The cut text is moved to the clipboard. It can be retrieved from the clipboard by performing a paste operation (see below) at any time <em>before</em> you do another cut or copy operation.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbar9.jpg" width="24" height="28"></td> <td><h3>Copy Text</h3> <p><font color="#000000">To copy text from your web page:</font></p> <ol start="1"> <li><font color="#408080">Using the mouse, highlight the section of text you want to copy.</font></li> <li><font color="#408080">Click on the Toolbar icon that matches the icon pictured to the left.</font><font color="#400040"> </font></li> </ol> <p><font color="#000000">The copied text is moved to the clipboard. It can be retrieved from the clipboard by performing a paste operation (see below) at any time <em>before</em> you do another cut or copy operation.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr10.jpg" width="23" height="29"></td> <td><h3>Paste Text</h3> <p><font color="#000000" size="3">To paste text into your web page:</font></p> <ol> <li><font color="#408080" size="3">Use a cut or copy operation to put the text you want onto your clipboard.</font></li> <li><font color="#408080" size="3">Move the cursor to the exact position in your web page where you want the text to appear.</font></li> <li><font color="#408080" size="3">Click once. </font><font color="#000000" size="3">This will set the cursor location.</font></li> <li><font color="#408080" size="3">Click on the Toolbar icon that matches the icon pictured to the left.</font></li> </ol> <p><font color="#000000" size="3">Even though you have pasted this text, it will remain on the clipboard until you do another cut or copy operation.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr11.jpg" width="26" height="29"></td> <td><h3>Undo</h3> <p><font color="#000000">To reverse whatever you last did,</font> <font color="#408080" size="3">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr12.jpg" width="24" height="29"></td> <td><h3><font color="#000000">Redo</font></h3> <p><font color="#000000">If you undo something, then decide you really did want to do it,</font> <font color="#408080" size="3">click on the Toolbar icon that matches the icon pictured to the left.</font><font color="#400040" size="3"> </font><font color="#000000" size="3">This will redo the last action that was undone.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr13.jpg" width="25" height="28"></td> <td><h3><font color="#000000">Go to the FrontPage Explorer</font></h3> <p><font color="#000000">To switch to the FrontPage Explorer, </font><font color="#408080" size="3">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr14.jpg" width="24" height="29"></td> <td><h3><font color="#000000">Show the ToDo List</font></h3> <p><font color="#000000">The ToDo List helps you keep track of work you need to do on your web. For instance, you might create a page but be missing an image you want. You can make a note in the ToDo List that you need to add the image before your web is complete.</font></p> <p><font color="#000000"><strong>To Add Items to the ToDo List:</strong> </font></p> <ol> <li><font color="#408080">From the menu line, select Edit/Add To Do Task..</font></li> <li><font color="#408080">Add the item.</font></li> <li><font color="#408080">Click OK.</font></li> </ol> <p><font color="#000000"><strong>To View the ToDo List:</strong> </font></p> <ol> <li><font color="#408080">Click on the Toolbar icon that matches the icon pictured to the left.</font></li> </ol> <p><font color="#000000">You can also have <strong>FrontPage</strong> add an item to the ToDo List when you create a hyperlink to a web page that does not yet exist.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr15.jpg" width="23" height="29"></td> <td><h3><font color="#000000">Insert WebBot Component</font></h3> <p><font color="#000000">WebBot components will be covered in an advanced workshop.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr16.jpg" width="23" height="27"></td> <td><h3><a name="table"></a><font color="#000000">Add a Table to Your Web Page</font></h3> <p><font color="#000000">To add a table to your web page:</font></p> <ol> <li><font color="#408080" size="3">Move the cursor to the exact position in your web page where you want the table to appear.</font></li> <li><font color="#408080" size="3">Click once. </font><font color="#000000" size="3">This will set the cursor location.</font></li> <li><font color="#408080">Point to the Toolbar icon that matches the icon pictured to the left.</font></li> <li><font color="#408080">Hold down the mouse button (if your mouse has two buttons, use the left button).</font></li> <li><font color="#408080">Drag the mouse down and across, until you have the number of rows and columns you want.</font></li> <li><font color="#408080">Release the mouse button.</font></li> </ol> <p><font color="#000000">The table will appear at the cursor location.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr17.jpg" width="25" height="29"></td> <td><h3><a name="image"></a><font color="#000000">Add Images to Your Web Page</font></h3> <p><font color="#000000">To insert an image:</font></p> <ol> <li><font color="#408080">Move the cursor to the location on your page where you want the image to appear.</font></li> <li><font color="#408080">Click once.</font> <font color="#000000">This sets the image location.</font></li> <li><font color="#408080">Now click on the Toolbar icon that matches the icon pictured to the left.</font> <font color="#000000"><strong>FrontPage</strong> will present a box which will allow you to select the image you want:</font><p align="center"><img src="images/toolbr24.jpg" width="404" height="388"></p> </li> <li><p align="left"><font color="#408080">Select the image you want and click OK.</font></p> </li> </ol> <p align="left"><font color="#000000">The image you selected will appear on your page.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr18.jpg" width="26" height="30"></td> <td><h3><a name="links"></a><font color="#000000">Add Hyperlinks to Your Web Page</font></h3> <p><font color="#000000">Hyperlinks are links that allow someone reading your web page to jump from your page to:</font></p> <ol> <li><font color="#000000">Another web page (yours or someone else's)</font></li> <li><font color="#000000">Another location on the same web page</font></li> </ol> <p><font color="#000000">You can attach a hyperlink to either text or an image on your page. If the link is attached to text, that text <em>usually </em>appears in blue and underlined when someone views your page, as "Add links" probably did on the page you used to access this one. The text might appear differently if the viewer has altered their web browser to use colors other than the ones it was originally set up with.</font></p> <h3><font color="#000000">To add a link <strong>from text</strong> on your page to another web page:</font></h3> <ol start="1"> <li><font color="#408080">Using the mouse, highlight the section of text you want the viewer to click on. </font><font color="#000000">This can be a word, a sentence, or part of a sentence.</font></li> <li><font color="#408080">Click on the Toolbar icon that matches the icon pictured to the left.</font><font color="#400040"> </font><font color="#000000"><strong>FrontPage</strong> will present a box which will allow you to select the page you wish to link to:</font> <p align="center"><font color="#400040"><img src="images/toolbr25.jpg" width="414" height="353"></font></p> <ul> <li><font color="#000000"><strong>Open Pages</strong> allows you to link to any web page you're currently working on.</font></li> <li><font color="#000000"><strong>Current FrontPage Web</strong> allows you to link to any page in the web you're currently working in.</font></li> <li><font color="#000000"><strong>World Wide Web </strong>allows you to link to any page anywhere. All you need to know is the URL of that page.</font></li> <li><font color="#000000"><strong>New Page</strong> allows you to link to a page that does not yet exist. It gives you the option of creating that page right now, or of adding a note to create that page to <strong>FrontPage</strong>'s ToDo List. </font></li> </ul> </li> <li><font color="#408080">If you know the name of the page you want to link to (its format will be 'name-of-page.htm' or 'name-of-page.html'), you can simply type the name in the box labeled "Page:". If you do not know the exact name of the page, you can use the browse button to locate it. Once you've located the page, click OK.</font></li> </ol> <p><font color="#000000">The text you selected as the link will now appear in blue and underlined.</font></p> <h3><font color="#000000">To add a link from text on your page to another location on the same page:</font></h3> <ol> <li><font color="#000000">First, you have to identify the location--the exact place on the page--that you want to be able to jump to. To do that, you set a bookmark: </font><ol> <li><font color="#408080">Move the cursor to the exact location on your page that you want to be able to jump to.</font></li> <li><font color="#408080">Click once.</font> <font color="#000000">This sets the location for the bookmark.</font></li> <li><font color="#408080">From the menu line, select Edit/Bookmark. </font><font color="#000000">You'll be asked to give the bookmark a name:</font><p align="center"><font color="#400040"><img src="images/toolbr26.jpg" width="281" height="212"></font></p> </li> <li><font color="#408080">In the box labeled "Bookmark Name," type a name that makes sense to you.</font> </li> <li><font color="#408080">Click OK.</font> </li> <li><font color="#408080">Now, follow the instructions for adding a link from your page to another web page. Use the Open Page option, and select the page you are now working on as the page to link to. <strong>DO NOT CLICK OK </strong>as soon as you've identified the link. Instead, type the name of the bookmark you just created into the box labeled "Bookmark."</font> </li> <li><font color="#408080">Now click OK.</font> </li> </ol> </li> </ol> </td> </tr> <tr> <td valign="top"><img src="images/toolbr19.jpg" width="24" height="29"></td> <td><h3><font color="#000000">Go Back to the Page You Were Previously Editing (if any)</font></h3> <p><font color="#000000">FrontPage tracks the pages you work on during each session. To return to the previous page you working on <em>during this session,</em></font> <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr20.jpg" width="25" height="29"></td> <td><h3><font color="#000000">Go Forward a Page</font></h3> <p><font color="#000000">FrontPage tracks the pages you work on during each session. If you've backed up a page (see above),</font> <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left </font><font color="#000000">to return to the page you were working on before you backed up.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr21.jpg" width="24" height="30"></td> <td><h3>Refresh the Page You're Currently Editing</h3> <p><font color="#408080">Click on the Toolbar icon that matches the icon pictured to the left </font><font color="#000000">to refresh the current page or to revert to the last-saved version of the page.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr22.jpg" width="24" height="30"></td> <td><h3><font color="#000000">Stop the Network Operation Currently in Progress</font></h3> <p><font color="#000000">To stop a network operation (such as following a hyperlink),</font> <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> <tr> <td valign="top"><img src="images/toolbr23.jpg" width="30" height="30"></td> <td><h3><font color="#000000">Show (or Hide) Line Breaks, Outlines, and Other Guides</font></h3> <p><font color="#000000">FrontPage assists you with editing by inserting markers for line breaks, bookmarks, tables, and forms. </font></p> <p><font color="#000000">To hide those markers while you work on your page,</font> <font color="#408080">click on the Toolbar icon that matches the icon pictured to the left.</font></p> <p><font color="#000000">To show the markers again,</font><font color="#408080"> click on the Toolbar icon that matches the icon pictured to the left.</font></p> </td> </tr> </table>  </body>