Using FrontPage Express

Slide 2

Standard toolbars and menus

Time indicator:gives an approximation of download time of the page

Slide 3

Use the Insert, Table menu to insert a base table for the page layout.

Cell spacing adjusts the width of the space between the cells.

Select the width of the table: if this is not entered, the table will adjust according to the items in the cells and the window size of the browser.

Cell padding adjusts the space between the edge of the cell and the text.

Select the required numbers of Rows and Columns.

Slide 4

The base table you have chosen is indicated by dotted lines. This example has 2 rows and 3 columns.Each cell is used to contain an object: text, image, menu, etc.

Slide 5

Add further text as required in relevant cells. Don’t format the text at this stage.

1. Enter main title.2. Highlight the text.

4. Centre the text if you wish.

3. Use the drop down menu to format it as Heading 1.

Slide 6

Pressing Return at the end of a line produces a new paragraph.To move down one line, hold the CTRL key down and press Return.

Slide 7

1. Enter text for hyperlinks.2. Highlight required text.3. Use Insert, Hyperlink menu.4. Enter the required URL.

Slide 8

NOTE: Web servers differ in the way they handle file names. To be safe always use: lower case letters and numbers only, no more than 8 letters and no spaces. Always specify .htm as the file name extension.

Enter a Page Title.

Click on Save As to save file in a specified folder.

To save the file, use the File, Save menu.

Slide 9

Note: Make sure that any images you want to use are saved in the same folder as the web page.FrontPage Express recognises only GIF and JPG files.

To insert images, use the Insert, Image menu and browse to the required image.

Slide 10

Use a right click on the image to call up image properties.

Always describe the image used.

Slide 11

Right click on the cell of a table to call up Cell Properties.

Change cell properties as required.

Slide 12

Apply your formatting by using style sheets.Make sure these are in users’ folders before you start.

1. Use View, HTML to view the HTML coding.

2. Add the reference to the style sheet in the head section.

3. Save and preview.4. Edit the style sheet as appropriate.

Slide 13

Style sheet one

Slide 14

Style sheet two

Slide 15

Style sheet three

Slide 16

Style sheet four