Index

Click Here To Return To Brick Row Home Page

Overview

Return to top

Toolbar
Back up to where you were at

(Your tool bar may be arranged different or have some components missing. You can fix this by choosing View from the menu bar and selecting all toolbars.)

Text

Layout
The text on your webpage doesn't have to all be in paragraph blocks. You do something:

• Line Break
  When you press ENTER at the end of a line of text, the cursor drops down two lines and starts a new paragraph. The only way to get text directly underneath the first line of text is to finish filling up the line and letting word-wrap do the rest (much like this paragraph). But sometimes you want to go to the very next line after only a few words. An example of this is a mailing address:

  Brick Row Technical Services Town of Coeymans Selkirk, NY 12158

  This is called a Line Break. To create a line break, simply hold down the SHIFT key and press ENTER. In FrontPage Express, Line Breaks are denoted by a .

  If you want to double space, do not hold the shift key down.

• Alignment
  You can align text and pictures to the right, center, or left of your webpage. To do this, highlight the text or picture you want to move and click on either the right, center, or left buttons on the toolbar. If you haven't started typing the text, just click on either the right, center, or left buttons and the cursor will move to that part of the page. (labeled above in purple)

• Indents
  You can indent blocks as text as well. To indent some text, click the Increase Indent Icon on the toolbar. To out-dent or unindent some text, click the Decrease Indent Icon on the toolbar. When you indent or out-dent a block of text, the entire paragraph that the text is in is indented or out-dented. So be careful when using indent and out-dent, especially inside of lists. (labeled above in maroon and grey)

• Lists
  You can also make lists. Lists are indented and denoted and are especially good for outlines. Here is an example of the two major kinds of lists, the Numbered List and the Bulleted List:

  Numbered List	Bulleted List
  Apples Oranges Kiwi Tomatoes	Dogs Cats elephants Sheep

  To make a list, select either the Numbered List or Bulleted List Icon from the toolbar. Type the text of the first list item. When you hit ENTER, the cursor drops down to the next line (not a new paragraph) and another number or bullet appears for the next list item. To end the list, press ENTER after you've typed the last list item. Then, deselect the selected List Icon. The cursor will then drop down to a new paragraph and will be out-dented to the indent before the list was started. (labeled above in teal and aqua)

  In the case of outlines, you may want to nest lists, or have a list inside of another list. It would look something like this

  Computer Science Department Work Study Wine Garten Loose Lips Part-time Employees Melba Toast Lou Linguini Staff Casper Milqtoast JSink Ships Jimmy Johnson Some other department   and so...

  build a nested list, start by creating the top most list, or parent. (In the case above, you'd make a Numbered List and type in the first item.) Then to make a sub-list of that item, do the following:

  1. Press ENTER after typing in the list item of the parent list.
  2. Click the Increase Indent Icon.
  3. Select the either the Numbered List or Bulleted List Icon from the toolbar. (In the case above, you'd select Numbered List.)
  4. Type in the first item of the nested list.

  To end a sub-list and return to its parent list (In the example above, end the list containing Mike Loosbrock and Matt Christians and get back to list containing Work Study, Part-Time Employees, and Staff), do the following:

1. Press ENTER after typing in the last item of the sub-list.
2. Either press BACKSPACE twice, or click the Decrease Indent Icon twice.

Attributes
FrontPage Express allows you to make all the same attribute changes you can make in Word97. The first step in changing text attributes is to highlight the text you want to modify with the mouse. You can then make the following changes:

• Font Type
  Font type is the font family of text, such as Comic Sans, Times New Roman, and Courier New. To change the font type, select the font you want from the Font Type List Box on the toolbar. (Try not to use a lot of non-standard fonts because if the font is not loaded on the computer where your page is being viewed, the font will appear as the browser default.) (labeled above in lime green)

• Font Style
  The style of the text can either be bold, italics, or underline. To change the font style, select one or more of the Style Icons on the toolbar. (labeled above in purple)

• Font Color
  The color of the text can also be changed. To change the font color, select the Text Color Icon on the toolbar. The Color Dialog Box appears. Choose the color you want and click Presto...we mean...OK. (labeled above in orange)

• Font Size
  You can change the font size by clicking the either the Increase Text Size or Decrease Text Size Icon from the toolbar. (labeled above in blue and brown)

Return to top

Images

1. Select the Insert Image icon from the toolbar. (labeled above in fushia)
2. The Image Dialog Box appears. Click the Browse Button.
3. Find and select the image you wish to insert and click OK.

The image should appear on the webpage. After you have placed the image on the webpage, you can change the attributes of the image by right clicking on the image and choosing Image Properties.

The Image Properties Dialog Box appears. Choose the Appearance Tab.

Back to where you were at

Alignment
The Alignment property allows you to set how the image is aligned vertically in respect to the line of text it is embedded in. For example: (labeled above in red)

You can also align the image horizontally:

Left Align

Here is an example of an image that is left aligned. The text wraps around the image, which is align to the left.

Right Align

Here is an example of an image that is right aligned. The text wraps around the image, which is align to the right.

When you insert an image in text, the image appears where the cursor is when you click the Insert Image Icon. When you either right or left align an image in a line of text, the image defaults to 'top align' in the line you inserted the image. You also horizontally align the image using the Alignment Icons (labeled above in purple) on the toolbar. However, you can't center the image in a line of text, only left and right will work. If you have an image not embedded in text, you can horizontally align it left, right, and center. This can be accomplished by using either the Image Properties Dialog Box or the Alignment Icons on the toolbar.

left align

center align

right align

Vertical and Horizontal Spacing
When you embed an image in some text, you may or may not want the text to be wrapping tightly around the image. To change how much space is left along the top and bottom or along the sides, change the Vertical and Horizontal Spacing properties. The spacing is measured in pixels. (labeled above in orange and blue)

Return to top

Links