Format Bar Frame

<body stylesrc="formatbr.htm" bgcolor="#FFFFFF">  <h3 align="center"><a name="format bar">The Format Bar</a></h3> <p><img src="images/Image10c.jpg" width="598" height="31"></p> <p><font color="#000000">The Format Bar allows you to perform a number of operations with a simple point & click operation. These include:</font></p> <p> </p> <table border="0"> <tr> <td><font color="#000000" size="4"><strong>The Change Style Arrow</strong></font></td> <td> </td> <td><font color="#000000"><strong><img src="images/Image10a.jpg" align="left" hspace="0" width="134" height="27"></strong></font></td> </tr> </table> <p align="left"><font color="#000000">From the Change Style Arrow, you can create the following types of lines and lists:</font></p> <dl> <dt><font color="#000000"><strong>Address</strong></font></dt> <dd><font color="#000000">definition</font></dd> <dt> </dt> <dt><font color="#000000"><strong>Bulleted List</strong></font></dt> <dd><table border="1" bgcolor="#C0C0C0"> <tr> <td><ul type="disc"> <li><font color="#000000">this</font></li> <li><font color="#000000">is</font></li> <li><font color="#000000">a</font></li> <li><font color="#000000">bulleted</font></li> <li><font color="#000000">list</font></li> </ul> </td> </tr> </table> </dd> <dt> </dt> <dt><font color="#000000"><strong>Defined Term</strong></font></dt> <dt><font color="#000000">This is a defined term</font></dt> <dd><font color="#000000">and this indented line is its definition</font></dd> </dl> <dl> <dt><font color="#000000"><strong>Definition</strong></font></dt> <dd><font color="#000000">A definition is an indented line which follows a defined term</font></dd> <dt> </dt> <dt><font color="#000000"><strong>Directory List</strong></font></dt> <dd><table border="1" bgcolor="#C0C0C0"> <tr> <td><ul> <li><font color="#000000">this</font></li> <li><font color="#000000">is</font></li> <li><font color="#000000">a</font></li> <li><font color="#000000">directory</font></li> <li><font color="#000000">list</font></li> </ul> </td> </tr> </table> </dd> <dt> </dt> <dt><font color="#000000"><strong>Formatted</strong></font></dt> <dd><font color="#000000">def</font></dd> <dt> </dt> <dt><font color="#000000"><strong>Headings 1 through 6</strong></font></dt> <dd><h1><font color="#000000"><strong>This is a Heading 1 Line</strong></font></h1> </dd> <dd><h3><font color="#000000"><strong>This is a Heading 3 Line</strong></font></h3> </dd> <dd><h6><font color="#000000"><strong>This is a Heading 6 Line</strong></font></h6> </dd> <dt><font color="#000000"><strong>Menu List</strong></font></dt> <dd><table border="1" bgcolor="#C0C0C0"> <tr> <td><ul type="disc"> <li><font color="#000000">this</font></li> <li><font color="#000000">is</font></li> <li><font color="#000000">a</font></li> <li><font color="#000000">menu</font></li> <li><font color="#000000">list</font></li> </ul> </td> </tr> </table> </dd> <dt> </dt> <dt><font color="#000000"><strong>Normal</strong></font></dt> <dd><font color="#000000">Normal is the selection you'll usually use. It simply creates a line of text with no special attributes.</font></dd> <dt> </dt> <dt><font color="#000000"><strong>Numbered List</strong></font></dt> <dd><table border="1" bgcolor="#C0C0C0"> <tr> <td><ol> <li><font color="#000000">this</font></li> <li><font color="#000000">is</font></li> <li><font color="#000000">a</font></li> <li><font color="#000000">numbered</font></li> <li><font color="#000000">list</font></li> </ol> </td> </tr> </table> </dd> </dl> <p><br> </p> <table border="0"> <tr> <td><font color="#000000" size="4"><strong>The Font Selection Arrow</strong></font></td> <td> </td> <td><img src="images/Image10b.jpg" width="157" height="30"></td> </tr> </table> <p><font color="#000000">The Font Selection Arrow allows you to select the font(s) you want for your web page.</font></p> <dl> <dt><font color="#000000">Among those available are:</font></dt> <dd><font color="#000000" face="Arial">Arial, </font><font color="#000000" face="Book Antiqua">Book Antiqua,</font><font color="#000000" face="Braggadocio"> Braggadocio,</font><font color="#000000" face="Century Gothic"> Century Gothic, </font><font color="#000000" face="Courier">Courier,</font><font color="#000000" face="Garamond"> Garamond, </font><font color="#000000">Times New Roman, </font><font color="#000000" face="WP Greek Courier">Greek Courier</font><font color="#000000">, and many more. When designing a web page, it's best not to use too many different fonts, and to use fonts that are widely available whenever possible.</font></dd> </dl> <p><font color="#000000">To change the font of existing text:</font> </p> <ol> <li><font color="#408080">Using the mouse, highlight the section of text you want to rejustify.</font></li> <li><font color="#408080">Following the directions above, select the font you want the text changed to.</font></li> </ol> <p><font color="#800040">You can also select fonts, make text bold, italicized or underlined, and select font size and text color by selecting the <strong>Format/Font</strong> option on the Menu bar.</font></p> <p> </p> <h3 align="center">Other Format Bar Operations</h3> <table border="1" bgcolor="#FFFCDF"> <tr> <td><img src="images/Image10d.jpg" width="29" height="30"></td> <td> </td> <td><font size="5">increasing text size</font></td> <td> </td> </tr> <tr> <td><img src="images/Image10e.jpg" width="28" height="29"></td> <td> </td> <td><font color="#000000" size="1">decreasing text size</font></td> <td> </td> </tr> <tr> <td><img src="images/Image10f.jpg" width="77" height="28"></td> <td> </td> <td><font color="#000000" size="3"><strong>making text bold, </strong><em>italicizing text, </em><em><strong>or both. </strong></em>You can <u>underline,</u><em><u> italicize and underline, </u></em><strong><u>create bold underlined text, </u></strong><em><strong><u>or all three.</u></strong></em> </font></td> <td> </td> </tr> <tr> <td valign="top"><img src="images/Image10g.jpg" width="33" height="27"></td> <td> </td> <td><font color="#000000" size="3">You can </font><font color="#FF0000" size="3">change </font><font color="#0000FF" size="3">text </font><font color="#FF00FF" size="3">color.</font><font color="#000000" size="3"> You can even create a custom color for text or background, if you don't like the ones that come defined in FrontPage.</font><p><img src="images/snag-13.jpg" width="463" height="358"></p> </td> <td><font color="#800040">You can also select fonts, make text bold, italicized or underlined, and select font size and text color by selecting the <strong>Format/Font</strong> option on the Menu bar.</font></td> </tr> <tr> <td valign="top" rowspan="3"><img src="images/Image10h.jpg" width="78" height="30"></td> <td><font color="#000000" size="3">You can left justify </font></td> <td rowspan="3"><p align="left"><font color="#400040">To change the justification of existing text, images, or tables:</font></p> <ol> <li><font color="#408080">Using the mouse, highlight the section of text you want to rejustify.</font></li> <li><font color="#408080">Click on the left-justify, center, or right-justify icon.</font></li> </ol> <p align="center"><font color="#800040">You can also justify text by selecting the <strong>Format/Paragraph</strong> option on the Menu bar.</font></p> </td> <td rowspan="3"> </td> </tr> <tr> <td><p align="center"><font color="#000000" size="3">center</font></p> </td> </tr> <tr> <td><p align="right"><font color="#000000" size="3">or</font><br> <font color="#000000" size="3">right justify </font></p> <p align="center"><font color="#000000" size="3"><strong>text</strong></font><br> <font color="#000000" size="3"><strong>images</strong></font><br> <font color="#000000" size="3">or<strong> tables</strong></font></p> </td> </tr> <tr> <td valign="top"><img src="images/Image10i.jpg" width="28" height="31"></td> <td><ol> <li>create</li> <li>numbered</li> <li>lists</li> </ol> </td> <td rowspan="2"><p align="center"><font color="#800040">You can change bullet or numbering style by selecting the <strong>Format/Bullets and Numbering </strong>option on the Menu bar.</font></p> </td> <td rowspan="2"> </td> </tr> <tr> <td valign="top"><img src="images/Image10j.jpg" width="25" height="29"></td> <td><ul> <li>or</li> <li>bulleted</li> <li>lists</li> </ul> </td> </tr> </table>  </body>