eHow launches Android app: Get the best of eHow on the go.

How To

How to Format Text With Nvu

Contributor
By Virginia DeBolt
eHow Contributing Writer
(2 Ratings)
Create Web Pages With Nvu
Create Web Pages With Nvu

Nvu is an open source WYSIWYG HTML editor that is used to create web pages. It is available for free from nvudev.com (see link below) and works on Windows, Mac, and Linux. This article will show you how to format text with Nvu.

Difficulty: Moderately Easy
Instructions

Things You'll Need:

  • Nvu software
  1. Step 1

    Open Nvu and find a web page you've already begun or start a new page.

  2. Step 2
    Set text as a paragraph or heading using this drop down menu.
     
    Set text as a paragraph or heading using this drop down menu.

    The tool to specify whether your text is a heading or a paragraph is in a drop down menu. Highlight the text you want to set and select either a paragraph or a heading tag from the drop down menu.

  3. Step 3
    A heading and two paragraphs
     
    A heading and two paragraphs

    In this image you see a heading and two paragraphs. Notice that you can display the pages in tabs—two are shown here (Home and Formatting Text). Also note that you can choose to view each page you are working on in different ways using the tabs at the bottom of the document window. You can view it as normal, with HTML indicators, as HTML source or as a preview.

  4. Step 4
    Icons are available to format numbered and unordered lists.
     
    Icons are available to format numbered and unordered lists.

    The icons for various text formatting tools are similar to those used in word processing or in other WYSIWYG editors such as Dreamweaver. Therefore, you probably will recognize their purpose easily. For example, to create a bulleted list, click the icon symbolizing a bulleted list and type your list. When you are finished with the list, deselect the list icon to stop writing a list.

  5. Step 5
    Use the link icon to create a hyperlink.
     
    Use the link icon to create a hyperlink.

    You create a link using the link icon. Highlight the text you want to make clickable in the link and click the link icon.

  6. Step 6
    Specify the file or web page you wish to link.
     
    Specify the file or web page you wish to link.

    A dialog opens where you can find the file within your website or enter the absolute URL of a web page that is not part of your website.

  7. Step 7
    Highlighted text can be made bold, italic, or there's many other options.
     
    Highlighted text can be made bold, italic, or there's many other options.

    Other formatting options such as bold, italic, alignment, font size and creating blockquotes are available too. In this image, you see some highlighted text being bolded using the B icon.

  8. Step 8
    The bold is created using an inline style.
     
    The bold is created using an inline style.

    For those who are intersted in using Nvu as a professional-quality web design tool, note that the text is bolded using an inline style rule, and that the text is set as bold, not as emphasized. There are better ways to do this with CSS, which is explained in one of my other articles in the Nvu series.

Tips & Warnings
  • Be sure to check my other eHow articles on Nvu. This is one of a series.
Subscribe

Post a Comment

Post a Comment

Related Ads

  • Have you done this? Click here to let us know.
I Did This
Get Free Internet Newsletters

Copyright © 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy.   en-US Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.

Demand Media
eHow_eHow Technology and Electronics