Although with Nvu most of the HTML coding is done for you, it is
a good idea to familiarize yourself with the code. Going over the HTML
Lessons will help you to familiarize yourself with what you are doing when
working in Nvu. This lesson will deal with the formatting of
paragraphs & text.
Most of this is done with the toolbar shown below.
Paragraphs
You don't have to worry about coding the basic paragraph in
Nvu. When you create a new page it is already set up with the default font
and size. You could just type your paragraphs and leave the default
formatting for the page.
Paragraph will insert the paragraph tag <P>
into the line you have selected. This will define that line as a separate
paragraph and leave a space between it and the next paragraph.
Style
is defined by the
which is the first tool on the far left of the formatting toolbar. The
dropdown menu lists the different styles your paragraphs can have as
shown in the screenshot on the right. Each of these will determine the style for the entire
paragraph you have chosen.
Headings
are used to create titles and arrange information. Headings create a bold
text in six sizes. Heading 1 or <H1> being the largest and Heading 6
or <H6> being the smallest. You can align the headings in the same manner
as aligning paragraphs although justify probably wouldn't really work for
a title.
Address signifies contact information for the organization or web
site. All it basically produces is italics, the two lines below are
created with the Address style.
Maggy
maggy@shaw.ca
Preformat preformats the text and it is displayed exactly how you
have typed it, each space and enter you have typed is displayed exactly
how you typed it.
This is a sample of formatted text this text is if I choose
the tab button it will create a space which it did, I also
have the hit enter or the line will carry on and on and the
page will get wider and wider.
Text Formatting
Font Face The first tool is the Font dropdown box,
When you click on
the arrow beside the box it will open with the list of fonts that are on
your computer. The screenshot on the right shows a partial list of the fonts on
my computer. Your list will look similar but most likely will not have any of
the fonts listed on mine. One thing to remember about fonts is that unless the
computer accessing your pages also has the font you are using they will not see
the page as you created it. It is best to stick to the fonts that are universal
to most computers, if you want a special font to be shown you will have to
familiarize yourself with a program called Weft or create text graphics.
Creating text graphics is quite often done for welcome messages, banners, etc.
In order to choose your font, you need to highlight all of the text that you
want changed then click on the small arrow and when you find the font you wish
to use click on it and your text will be displayed with that font.
Variable Width allows for the characters to use
only the width that is needed.
Fixed Width will make all your characters the same
width, for example the i which needs little space will take up as much as the c
which needs much more.
Font
Size Changing the font size is not included with the toolbar so
in
order to change your font size you will need to go to the main menu and click on
Format then bring your mouse down to Size and choose from that menu (shown in
screenshot on the left) the size font you wish to use. This button helps you to change
the color of your font and your background. If you click on the black area the
Text Color chart opens and from that you can choose the color of your font. If
you click on the white area the Block Background Color chart will open and you
can choose the color of the background. Just a note, this only changes the color
of the background for the paragraph you have chosen, not for your entire page.
You could make a rainbow effect by changing the background color for each
paragraph.
This button when clicked will open
the Highlight Color chart where you can choose the color you wish to highlight
your selected text for.
These two
buttons will
enlarge and shrink your text. Simply highlight the text you want to format and
click on the large A to enlarge your font or click on the small A to shrink your
font. Enlarged Shrink All this does
is places the font tag and size attribute into the HTML coding of the page.
By highlighting your
text and then clicking on this button you will be bolding your text.
Highlighting your
text and clicking on this button will change your text to italics
Highlighting your
text and clicking on this button will underline your text.
Aligning your paragraphs is done with
these four buttons. Left
center
right
justify .
To align your page you do not have to highlight the entire paragraph, you
just need to place your cursor within the paragraph you want aligned and
click on one of the four alignment buttons.
Blockquote is easily done with Nvu, it is just a
matter of clicking on the
(places the <blockquote> tag into the document) button on the formatting
toolbar. When you are finished blockquoting you would simply click on the
(places the </blockquote> tag into the document button and your cursor
will be placed back to the original setting. If you have blockquoted your
text several times you will need to place the end tag into the page the
same amount of times to return to the margin of the page.
Style
is defined by the 
which is the first tool on the far left of the formatting toolbar. The
dropdown menu lists the different styles your paragraphs can have as
shown in the screenshot on the right. Each of these will determine the style for the entire
paragraph you have chosen.
Font Face The first tool is the Font dropdown box,
When you click on
the arrow beside the box it will open with the list of fonts that are on
your computer. The screenshot on the right shows a partial list of the fonts on
my computer. Your list will look similar but most likely will not have any of
the fonts listed on mine. One thing to remember about fonts is that unless the
computer accessing your pages also has the font you are using they will not see
the page as you created it. It is best to stick to the fonts that are universal
to most computers, if you want a special font to be shown you will have to
familiarize yourself with a program called Weft or create text graphics.
Creating text graphics is quite often done for welcome messages, banners, etc.
In order to choose your font, you need to highlight all of the text that you
want changed then click on the small arrow and when you find the font you wish
to use click on it and your text will be displayed with that font.
in
order to change your font size you will need to go to the main menu and click on
Format then bring your mouse down to Size and choose from that menu (shown in
screenshot on the left) the size font you wish to use. 
This button helps you to change
the color of your font and your background. If you click on the black area the
Text Color chart opens and from that you can choose the color of your font. If
you click on the white area the Block Background Color chart will open and you
can choose the color of the background. Just a note, this only changes the color
of the background for the paragraph you have chosen, not for your entire page.
You could make a rainbow effect by changing the background color for each
paragraph.
This button when clicked will open
the Highlight Color chart where you can choose the color you wish to highlight
your selected text for.
These two
buttons will
enlarge and shrink your text. Simply highlight the text you want to format and
click on the large A to enlarge your font or click on the small A to shrink your
font. Enlarged Shrink All this does
is places the font tag and size attribute into the HTML coding of the page.
By highlighting your
text and then clicking on this button you will be bolding your text.
Highlighting your
text and clicking on this button will change your text to italics
Highlighting your
text and clicking on this button will underline your text.
these four buttons. Left 
center 
right 
justify 
.
To align your page you do not have to highlight the entire paragraph, you
just need to place your cursor within the paragraph you want aligned and
click on one of the four alignment buttons.
(places the <blockquote> tag into the document) button on the formatting
toolbar. When you are finished blockquoting you would simply click on the
(places the </blockquote> tag into the document button and your cursor
will be placed back to the original setting. If you have blockquoted your
text several times you will need to place the end tag into the page the
same amount of times to return to the margin of the page.