Computertim Technologies - free computer training, tips, and support

Home Articles Help Shop Business Education

> Articles

Microsoft Windows
Microsoft Word
Microsoft Outlook
Microsoft Excel
Microsoft PowerPoint
Microsoft FrontPage
Palm OS
General Articles

Microsoft FrontPage

Print article

 E-mail this page

Style Sheets

Reader rating: 5 out of 10


When designing a web site, it is important to have a standard look.  Not only is this accomplished through Shared Borders (read about Shared Borders), but you also need to have a standard font.  Style Sheets (or Cascading Style Sheets CSS), allow you to do this.  They work by linking pages to an external file (a .css file) that has the "rules" on how the page must display.  FrontPage 2000 has many tools that allow you to work with Style Sheets.  Just keep this in mind: Style Sheets aren't supported by all browsers.  Only the newer browsers (typically version 4.0 and higher) support Style Sheets.  Don't ever rely on Style Sheets for your site.  Be sure that you site can still work generally ok without style sheets before publishing them to your server.  

Style Sheets

Creating a Style Sheet

1.  Go to Page View.  (Click the Page button from FrontPage's View toolbar at the left of the screen.)

2.  Click the File menu, point to New and click Page...

3.  Click the Style Sheets tab.

4.  Click the "Normal Style Sheet" icon and click OK.

5.  A blank page will appear.

6.  Click the Style button from the floating window (usually at the bottom right of FrontPage's window.

7.  Select a tag from the list and click the Modify... button.  

8.  Click the Format button and select Font... from the menu that appears.

9.  Set the font as you want, and click the OK button.

10.  Click OK.

11.  Continue Steps 7-10 for each other style you want to set for a tag (HTML Tag).

12.  When finished setting all styles, click the OK button.

13.  Close the Style Sheet page and be sure to save it in a place you can find it in.

Applying a Style Sheet

There are two options for applying a Style Sheet: Selected Pages or All Pages.  If you want to apply the style to just the current page you are working on, select option: Selected Pages in Step 6 or if you want to apply the style to all pages, click the All Pages options in Step 6.  

1.  Open any page on your site.  (Or a specific page if you want to apply the style to only one page.)

2.  Click the Format menu and click Style Sheet Links... from the menu that appears.

3.  Click the Add... button.

4.  Navigate your way to the location of your Style Sheet.

5.  Click once and click the OK button.

6.  Click the option of "Selected Pages" or All Pages" as necessary.  (See the above short paragraph for more information.).

7.  Click OK.

Important Note: When applying a Style Sheet, do not attempt to reapply the same style sheet again.  If you do, you will receive an error.  A tip for doing this is to first remove the style sheet from the list (and click OK) and them reapply the style sheet.

Note: Depending on the size of your web, the applying of the Style Sheet can take a very long time.  Smaller webs take a short amount of time, and large webs take a long time.  

Backstage Note: Computer Training 2000 uses FrontPage as our primary web authoring software.  The Applying (or Removing) of a Style Sheet on our entire site takes about 5-6 minutes!  The reason it takes so long is because of the size of our site, and that each time FrontPage applies or removes a style sheet, it must open the page, edit the HTML code, save the page, and close the page.

Rate this article:

Poor   1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10   Excellent

Books on Microsoft FrontPage

Featured articles

Choosing a Cell Phone and Rate Plan - General Articles

Stopping Unwanted E-mail - General Articles

Learn about Cookies - Microsoft Windows

HotSync Timeout Errors - Palm OS

Also from Computertim Technologies

Thoughts on Internet Advertising - an interactive opinion essay by Tim Rooney.

Post your opinions on technology and get free computer help in the forums.

Tired of AOL? Try Juno for half the price of AOL.

Shop for the best deals online at our shopping site.

Home  |  Articles  |  Help  |  Shop  |  Business  |  Education  |  Contact Us

Privacy Policy

Copyright 2003 Computertim Technologies.  All rights reserved.