Transcript 8.2 Teacher resource 5

Using FrontPage Express
Standard toolbars and menus
Time indicator:
gives an approximation of download time of the page
Slide 1
Use the Insert, Table menu to insert
a base table for the page layout.
Select the required
numbers of Rows
and Columns.
Cell padding
adjusts the space
between the edge
of the cell and the
text.
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.
Slide 2
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 3
1. Enter main title.
2. Highlight the text.
3. Use the drop down menu to format it as Heading 1.
4. Centre the text if
you wish.
Add further text as required in relevant cells. Don’t format the text at this stage.
Slide 4
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 5
1.
2.
3.
4.
Enter text for hyperlinks.
Highlight required text.
Use Insert, Hyperlink menu.
Enter the required URL.
Slide 6
To save the file, use the
File, Save menu.
Enter a Page Title.
Click on Save As to save
file in a specified folder.
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.
Slide 7
To insert images, use the
Insert, Image menu and
browse to the required image.
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.
Slide 8
Use a right click on the image to
call up image properties.
Always describe the image used.
Slide 9
Right click on the cell of a table
to call up Cell Properties.
Change cell properties as required.
Slide 10
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 11
Style sheet one
Slide 12
Style sheet two
Slide 13
Style sheet three
Slide 14
Style sheet four
Slide 15