Lesson 2
Formatting Paragraphs
Although with FrontPage 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 FrontPage. This lesson will deal with the formatting of
paragraphs & text.
Most of this is done with the format toolbar shown below.
Paragraphs
You don't have to worry about coding the basic paragraph in FrontPage.
When you create a new page it is already set up with the default font and
size. You could just type your paragraphs and the enter key will create a
new one for you leaving a space between paragraphs.
Style
is defined by the
which is the first tool on the far left of the formatting toolbar. The
dropdown menu lists all the different styles your paragraphs can have as
shown in the screenshot on the right. Some of these styles are also
selectable from the buttons in the same toolbar, such as the bulleted list
and numbered list. 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.
Formatted 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.
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
Lists are created by using the Ordered (numbered) button
& the Unordered (bulleted) button
or by using the
.
Simply click on the style of list you want to create and enter your first
line for the list and hit enter. When you are finished your list you can
click on the same button to finish the list or you can hit enter twice
after the last entry, which will end the list. The Menu List and
the Directory List are created with the
and simply hitting enter at the end of the list will end the list. The definition list is provided for in the
but it is a little more complicated than the others. To begin the
Definition List just click on the Defined Term in the dropdown menu
and then write your first line, when you hit enter it will indent the line
automatically for the Definition Description. When you have finished your
list just hit enter twice. Sample lists are below. If you right click on
the list you are creating and choose either List Properties or List Item
Properties a new window will pop up in which you can alter the properties
such as if you had created an ordered list and instead of numbers you
wanted to use letters, when the window pops up choose the style you wish
and click ok. List Item properties will only allow you to change the
bullet style or number style, but if you choose List Properties you can
change the type of list entirely. If you've created an ordered list and
want to change it to unordered, just click on the other tab and then
choose unordered and click OK, your list is changed.
Ordered List
- Wake up
- Make Coffee
- Check Email
- Check forums
- Get cup of coffee
- Day begins
|
Unordered List
- Wake up
- Make Coffee
- Check Email
- Get cup of coffee
- Day begins
|
| Menu List
|
Directory List
Maggy, Administration
Ron, Administration
Dicky, Administration
Beetle, Full Member
Dustbunny, Full Member
|
Definition List
- Pizza
- A food that by Maggy's terms is very healthy as it has your fruits
and veggies with the pizza sauce, it has your bread products with the
dough and your meat products as long as you put pepperoni and ham and
all that kinda stuff.
- Coffee
- An essential dietary produce according to Maggy, life is not
complete without coffee.
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 FrontPage, 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.
I used the blockquote once
I used it twice
I used it three times
I used the end tag three times to bring me
Line
Breaks To use this you would click on Insert (on the Menu Bar) and then Break, the Break
window will pop up like the one on the right with four choices.
You want to choose normal line
then click ok and it will insert a line break in your page. I also
accomplish the same thing by right clicking on the paragraph, or if there
is more than one paragraph I highlight all the paragraphs then I right
click and get
the Paragraph window on the right. Under spacing you see that Before and
After are blank, I enter 0 into both boxes and it adds a line of code as
follows:
<p style="margin-top: 0;
margin-bottom: 0">
I actually find this method much easier than Inserting a line break into
the page, especially when there are a lot of paragraphs with just one or
two lines that I wish to have no space between them.
As you can see both these
windows have other options. In the Break window you also have the option
to Clear the left and right and both margins. What these do is clears the
margin, if a graphic is within the margin left or right or both, it moves
to the next line down until it has cleared the margin.
On the Paragraph window, it gives you the ability to align the paragraph,
indent before or after and indent just the first line. Also under spacing
you can space words and specify the Line spacing you want to use, single,
double, etc.
Horizontal Line is created by clicking on the Insert button on
the Menu Bar and choosing Horizontal Line. To adjust the properties of
your horizontal line all you need to do is right click on the line and
choose Horizontal Line Properties. As you can see in the screenshot on the
right you can adjust the width, height, alignment, color and shading of
the line.
The following line has a width of 100 pixels and a height of 10.
The following line has a width of 100 pixels, height of 5 and red in
color.
The following line is the default horizontal rule.
