Bunbury I S

accessible web & software solutions

 

Notes for Microsoft FrontPage Express 2.0

FrontPage Express is a Hyper-Text Mark-up Language (HTML) editor. It functions in a similar manner to a Word-processor application such as Microsoft Word.

The purpose of this document is to provide notes on using FrontPage to create/edit pages based on My templates. Note, that this is not a general tutorial on FrontPage, and is as much about what not to do! Pre-requisites for this document are some knowledge of FrontPage, but no knowledge of HTML, or other Internet technologies.

This page was authored using FrontPage Express (plus manual additions)!

Installing FrontPage Express

FrontPage Express is available from Microsoft (or Olivet Nazarene University ).

File > Open...

Open the template (.htm or .html) file.

File > Save As...

Immediately save with your chosen file-name (so as not to over-write the template). Use the "As File..." option to save to your local machine - do not try to save to the Web at this stage. You're now ready to begin editing...

Document Title

The title is the most important part of a document, edit via the FrontPage menu: File > Page Properties..., Title.

Paragraphs, Headings and Emphasis

A phrase can be converted to a heading, by selecting it then choosing, for example "Heading 4" from the Change Style drop-down list to the left of the FrontPage tool-bars - "Normal" is usually selected. Choose the appropriate heading for the position in the document-structure:

  1. Heading 1 - Web-site title,
  2. Heading 2 - site sub-title,
  3. Heading 3 - page title,
  4. Heading 4 - topic headings,
  5. Heading 5 - sub-topic headings,
  6. Heading 6 - [unused].

The key point is that we are not concerned with how big the heading appears in FrontPage, or whether it is bold, italic or a different colour or font, simply that it is the appropriate heading for (in this case) a sub-topic in the document. We wish to set the formatting, or "style", of parts of the document separately.

Elements: p, h1, h2, h3, h4, h5, h6, em, i.

Images and Hyper-links

Image Properties can be set by right-clicking on the image: Image source, Browse. Alternative representations, Text. Appearance, Size, Specify Size.

Clock tower A hyper-link to News at the BBC.

Elements: img, a.

Lists - Numbered, Bulleted and Definitions

Lists...

  1. Ordered list item 1.
  2. Ordered list item 2.
Defined term;
this is a definition.

Elements: li, ol, ul, dl, dt, dd.

FrontPage Tool-bar Summary

Tool-bar row 1; use these items - Change Style ("Normal", "Address"..."Heading 1"...); "I" (Italics, or emphasised text); Numbered List. Bulleted List.

Do NOT use these tool-bar 1 items - Change Font; Increase/Decrease Text Size; "B" (Bold), "U" (Underline); Text Color; Align Left/Center/Right; Decrease/Increase Indent.

Tool-bar row 2; use all items - New, Open, Save; Print, Print Preview; Cut, Copy, Paste; Undo, Redo; Insert WebBot Component, Table, Image; Create Hyperlink; Back, Forward, Refresh, Stop; Show/Hide "P"; "?" Help.

Tool-bar row 3; use all items - One-Line Text Box ...