Skip Navigation.

NWE Help: Web: Authoring: Tutorial: Styling Text

NWE Home :: Help :: Web :: Authoring :: Tutorial

Now you will change the font on your web page. While you may be tempted to style your document as you create it, you should realize that the easiest time to work on font is after your document has been written. Since you already created the content of your page, you are ready to make it more eye-catching.

For futher help on styling text go to the NWE Help Pages for Font.

  1. Highlight "Welcome to Ally Gator's Swamp" as shown below. asWe skeleton screenshot

  2. Choose "Markup" from the menu bar.
    asWe menu screenshot

  3. Choose "Font" from the Markup menu.

  4. Choose "Font" again, this time from the Font menu.

    Markup menuFont menu
    asWe markup menu screenshot asWe font menu screenshot

  5. Click on the <FONT> tag that has appeared next to your text until it is underlined.
    asWe font tag text screenshot

  6. Choose "Edit Tag" from the Edit menu.
    asWe Edit tag menu

  7. Font Attribute Editor
    asWe font attribute editor

    The FONT attribute editor appears. It allows you to:
    Decide on Size
    Choose color
    Pick style

  8. To use a font size of 4, type "4" in the first field as shown in the image above.

  9. Choose a color for your introduction. In this example, we will use blue. The number for that particular shade of blue is #007FFF. Type "#007FFF" in the second field as shown in the example.

  10. To choose a typeface, enter it in the "face" field. Type "Helvetica" in the third field as shown in the example.


  11. Highlight the introductory paragraph as shown below.
    asWe highlight screenshot

  12. Repeat steps 2 through 10 for this selection of text.

Let's put some of the text in boldface. The HTML tag for boldface is <STRONG>. To put "Welcome to Ally Gator's Swamp" in boldface:

  1. Highlight "Welcome to Ally Gator's Swamp"

  2. Click the strong button (right) on the second row of the toolbar. asWe strong icon

Now let's italicize some of the other text. The HTML tag for italics is <EM>. To italicize the "special" in the phrase "special links:"

  1. Highlight "special."

  2. Click the emphasis button (right) on the second row of the toolbar. asWe emphasis icon

Finally, add <SMALL></SMALL> tags so that your image citation will not be so intrusive when you add it later.

  1. With your cursor just above the </BODY> tag, choose "Font" from the Markup menu.

  2. Choose "Small." You should see <SMALL></SMALL> tags just above the end of your web page's body.

Now that you have successfully styled your text, you will learn how to add spacing to your content.

Next: Spacing Text