ITTS | FSU Home | Search FSU

FSU website template - FAQ's

Home | FAQs | Image Bank | Web Style and Server Use Guide | FrontPage Video Tutorials

FSU WEB PAGE TEMPLATE FAQs

This template includes an external cascading style sheet (style.css) for universal formatting of text, links, and headers.  It also has three "page includes" for navigation links and footer.  The advantage of these two components is that you only need to make changes or additions in one file, instead of on all the pages.
It is suggested that you create a new page by opening the pageTemplate.htm (or page-two.htm, page-three.htm etc.) and then go to File, and click on Save As to give it another file name. Thus, you always have a blank template page saved in your root directory.  Make sure to update the links in the navigation bar to reflect the new file name.  The navigation bar content can be edited in the include-links.htm file; top links can be edited in include-top-links.htm, and your email address (for page contact) in the include-footer.htm (all three located in your root directory).

Template related issues:

  1. What is CSS (cascading style sheets)?
  2. How do I apply a custom style to a header?
  3. I want to apply a style to a header, but the whole paragraph is affected.
  4. What is a page include?
  5. How do I add or modify links in the navigation bar?
  6. How do I copy content from my old page into the new template?
  7. How do I place the downloaded file in my website root folder?
  8. Can I insert a table into the body?
  9. How do I make a banner for my site?
  10. Can I use a navigation bar in the include-links.htm?
  11. How do I create a text-only page?
  12. Can I copy a table from my old web page into the template?
  13. How do I replace bullets in a list with a custom graphic?

ADA Compliance related issues:

  1. Explain what I need to do when I use tables for layout purposes.
  2. How do I make sure that a screen reader can read a data table?
  3. How do I create alternative text for an image?

1. What is CSS (cascading style sheets)?

A cascading style sheet (CSS) defines the styles that you can apply to pages or page elements. Each style definition, or style rule, consists of a selector followed by the properties and values for that selector. The following are simple examples of style rules defined in a style sheet: 
H1 { font-size: x-large; color: green } 
H2 { font-size: large; color: blue } 
.note { font-size: small } 

When an external style sheet is used (as in your case), the custom styles will be available in the style box (see question 2).

Back

2. How do I apply a custom style to a header?

Style box
The Style box lists standard HTML tags, such as Heading 1, as well as any class or ID selectors contained in an embedded style sheet or external style sheet linked to the page. To apply a style to a page element, select it and click the style or selector in the Style box.

 

 

Back

3. I want to apply a style to a header, but the whole paragraph is affected.

To avoid that from happening, make sure that you create a new paragraph (enter key) for the text that you do not want to have formatted, since FrontPage applies a custom style within the paragraph tag  <p>.

Back

4. What is a page include?

You can display an HTML page on another page in the web, allowing you to maintain separate pages. For example, to display a copyright notice on several pages in a web, create one page that contains the copyright notice, and include that page on other pages in the web. When you update the copyright notice, you simply update that one page; all other pages that include the copyright page will be automatically updated.
Note This feature only works for pages in a web.

Back

5. How do I add or edit links in the navigation bar?

Open include_links.htm and add your links.  Make sure to update the original links (Home, Page Two, LINK, LINK) to reflect the new file names

Back

6. How do I copy content from my old page into the new template?
 Selected text

When you copy text from a html file, it contains all the formatting that you originally had applied.  To conform with the template look, the easiest way is to remove the original formatting by going to Format - Remove Formatting, and then apply the new.
If you copy content from a different application, such as Microsoft Word, first Paste it into Notepad - on the Edit menu, click on Select All - Copy - then Paste into your FrontPage webpage (this ensures that all previous formatting is removed).
Tip:  Before you paste the text into your new web page, select the text that it will replace.


 

 

 

Back

7.  How do I place the downloaded file in my website root folder?

Click on File - Import - Add File - Browse to locate file - OK

Back

8.  Can I insert a table into the body?

Yes, but it has to be equal to or less than 720 pixels wide if you have a one-column page.  The safest way is to use % for size in a table that is nested inside another.

Back

9. How do I make a banner for my site?

Contact Bill Gibson or Suzanne Hesseltine for custom site banners.

Back

10. Can I use a navigation bar in the include-links.htm?

Yes.  Open include-links page - Insert - Navigation Bar.  Set the Navigation Properties to: check Home Page, Parent Page, and Child Level.  The Orientation should be Horizontal and Text (instead of buttons).  Click on OK.

11.  How do I create a text-only page?

The Text-only link in the include-top-links.htm points to a server side text generator that converts the page to text on the fly. Make sure that images have alternative text, that you do not use hover buttons, scrolling marquees or blinking text. These items are not ADA compliant and cannot be converted to text.
Tip:  The text-only version is also printer friendly.

Back

12.  Can I copy a table from my old web page into the template?

Yes.  In Page view, click anywhere on the table. On the Table menu, point to Select, and click Table (this ensures that all markup is copied).  On the Edit menu, click on Copy, open new page, place the cursor in the location where you want the table, on the Edit menu, click on Paste.

Back

13.  How do I replace bullets in a list with a custom graphic?

In a graphics program, create a graphic to use as a bullet, and then save it, preferably in GIF or JPEG format. Position the insertion point where you want to create a list.
On the Format menu, click Bullets and Numbering, and then click the Picture Bullets tab. Click Specify picture, and then click Browse to find and select the graphic you just created.
Click OK. Type the text you want to add next to the bullet, and then press ENTER.
Note When you save the page with the custom bullet, if the image you are using for the custom bullet is not in the current web site, you are prompted to save the bullet graphic, in GIF or JPEG format, to the current web site.

Back

1.  Explain what I need to do when I use tables for layout purposes.

Your layout tables will be read from the upper-left down to the bottom-right.
Example:

Table Header
link A
link B
link C		 FSU Home Page
Current Students
Faculty & Staff
Table Footer

Most screen readers and text-only browsers will read this example as follows:

  1. Table Header
  2. Link A
  3. Link B
  4. Link C
  5. FSU Home Page
  6. Current Students
  7. Faculty & Staff
  8. Table Footer

To correct the problem, design your table like this:

Table Header
Link A FSU Home Page.
Link B Current Students
Link C Faculty & Staff
Footer

This layout will be read as follows:

  1. Table Header
  2. Link A
  3. FSU Home Page
  4. Link B
  5. Current Students
  6. Link C
  7. Faculty & Staff
  8. Footer

Back

2.  How do I make sure that a screen reader can read a data table?

Set table headers
To emphasize certain cells in your table, such as the first row or column, you can format the cells as table headers. By default, table headers appear in bold.

In Page view, do one or more of the following:

Format a cell as a header

  1. Position the insertion point in the cell you want to use as a header.
  2. On the Table menu, point to Select, and click Cell.
  3. Right-click on the cell, and then click Cell Properties on the shortcut menu.
  4. Under Layout, select the Header cell check box.

Example:

Header cell Header cell Header cell
content content content
content content content

Format a row as a header

  1. Position the insertion point in a cell that's in the row you want to use as a header.
  2. On the Table menu, point to Select, and click Row.
  3. Right-click on the row, and then click Cell Properties on the shortcut menu.
  4. Under Layout, select the Header cell check box.

Example:

Header row Header row Header row
content content content
Header row Header row Header row
content content content
content content content

 

Format a column as a header

  1. Position the insertion point in a cell that's in the column you want to use as a header.
  2. On the Table menu, point to Select, and click Column.
  3. Right-click on the column, and then click Cell Properties on the shortcut menu.
  4. Under Layout, select the Header cell check box.

Example:

Header column content content
Header column content content
Header column content content

Back

3.  How do I create alternative text for an image?

Add text that describes a graphic (alternative text)

In Page view, right-click the graphic, click Picture Properties on the shortcut menu, and then click the General tab. In the Text box, under Alternative representations, type the alternative text for the graphic. Note: Some Web browsers also display alternative text while the graphic is downloading, or when a site visitor moves the mouse pointer over the graphic.

Tip: Alternative text should be just long enough to convey the meaning of the image.

Back

 
"Fayetteville State University is a member institution of The University of North Carolina, which is committed to equality of educational opportunity and does not discriminate against applicants, students, or employees based on race, color, national origin, religion, sex, age, or disability." Page Contact: Suzanne Hesseltine
Last Updated: 01/20/05 11:28 AM
Copyright © 2005