Style sheets allow uniform formatting across all web pages or selected pages. It has been possible to use these with FP98, but FP2000 makes it much easier.

Creating a Style Sheet

Preparation

	Click here to download the zip file with the exercises in it - expand the zipped files and save these files into an "Exercises" folder on your computer
	In FP 2000 create a new empty web called Prac1
	Import the files in folder "Exercises"
	These files contain sample formatting using the standard HTML formatting (H1, H2, H3)

To create a style sheet

	Choose File, New, Page
	In the New dialog box, choose the Style Sheets tab
	Double click on Normal Style Sheet

To Create Styles

	Floating Style Toolbar should appear, using this toolbar click on Style
	From the list of HTML tags choose h1
	Click on Modify
	Click on Format
	Choose Font
	In the Font dialog box choose Century Gothic font, bold, 24-point size, teal colour.
	Click on Ok
	Choose Format, Border
	In the Borders and Shading dialog box, choose the double style, set padding to 2 all round, maroon colour.
	Click OK twice

To prepare other heading styles

	Choose h2 from the all HTML tags list – make your own format choices for this style – keeping size under 24 point
	Repeat for h3

To create styles to control "normal text"

	In the Style dialog box
	From the HTML tags list choose body
	Click on Modify
	Choose Format, Font
	In the Font dialog box choose Arial font, 10 point size
	Click OK twice

To make the text in tables appear the same

	In the Style dialog box
	From the HTML tags list choose table
	Click on Modify
	Choose Format, Font
	In the Font dialog box choose Arial font, 10 point size
	Click OK twice

To control the appearance of text in forms

	In the Style dialog box
	From the HTML tags list choose input
	Click on Modify
	Choose Format, Font
	In the Font dialog box choose Arial font, 10 point size
	Click OK twice

Saving the Style Sheet

	To close the Style dialog box click OK
	Observe the style details recorded in the style sheet
	Click on the save button on the standard toolbar – save as main.css

Applying the Style Sheet

	Double click on the default.htm page in the Folder list pane
	From the Format menu choose Style Sheet Links
	In the Link Style Sheet dialog box, click Add
	In the Select Hyperlink dialog box choose main.css
	Click OK
	Click on the All Pages radio button
	You should see the formatting change on the heading and body text on the sample html pages